1. 移动到当前定位点 - moveToLocation
const mapContext = wx.createMapContext('myMap');
mapContext.moveToLocation();
这个方法会将地图的中心移动到当前定位点。
2. 获取地图中心位置 - getCenterLocation
mapContext.getCenterLocation({
success: function(res) {
const latitude = res.latitude;
const longitude = res.longitude;
console.log('地图中心坐标', latitude, longitude);
}
});
通过这个方法可以获取当前地图中心的经纬度坐标。
3. 缩放视野展示所有经纬度 - includePoints
mapContext.includePoints({
points: [{
latitude: 39.904690,
longitude: 116.407170
}, {
latitude: 40.712776,
longitude: -74.005974
}],
padding: [10]
});
这个方法用于调整地图的视野,确保所有给定的经纬度点都可以显示在地图上,padding 参数可以设置边距。
4. 设置地图的中心位置 - translateMarker
mapContext.translateMarker({
markerId: 1,
autoRotate: true,
rotate: 90,
duration: 1000,
destination: {
latitude: 39.904690,
longitude: 116.407170
},
animationEnd() {
console.log('marker移动结束');
}
});
这个方法用于平移标记点到指定位置,可以设置是否自动旋转、旋转角度、平移时长等。
5. 获取当前地图的视野范围 - getRegion
mapContext.getRegion({
success: function(res) {
const southwest = res.southwest;
const northeast = res.northeast;
console.log('地图视野范围', southwest, northeast);
}
});
这个方法用于获取当前地图的视野范围,返回的是南西角和东北角的经纬度坐标。
6. 设置地图控件的位置 - moveAlong
mapContext.moveAlong({
markerId: 1,
autoRotate: true,
rotate: 90,
duration: 1000,
points: [{
latitude: 39.904690,
longitude: 116.407170
}, {
latitude: 40.712776,
longitude: -74.005974
}],
animationEnd() {
console.log('控件移动结束');
}
});
这个方法用于沿指定路径移动地图控件,可以设置是否自动旋转、旋转角度、移动时长等。
这些方法提供了对地图交互的控制,开发者可以根据实际需求进行调用。具体的方法参数和使用方式可以查阅[微信小程序官方文档 - MapContext](https://developers.weixin.qq.com/miniprogram/dev/api/api-map.html)。
转载请注明出处:http://www.zyzy.cn/article/detail/845/微信小程序