创新互联小程序教程:微信小程序API地图·MapContext对象
MapContext 实例,可通过 wx.createMapContext 获取。
MapContext 通过 id 跟一个 map 组件绑定,操作对应的 map 组件。

成都创新互联公司专注于企业成都全网营销推广、网站重做改版、克什克腾网站定制设计、自适应品牌网站建设、H5开发、商城开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为克什克腾等各大城市提供网站开发制作服务。
方法
MapContext.getCenterLocation()
获取当前地图中心的经纬度。返回的是 gcj02 坐标系,可以用于 wx.openLocation()
MapContext.moveToLocation(Object object)
将地图中心移置当前定位点,此时需设置地图组件 show-location 为true。2.8.0 起支持将地图中心移动到指定位置。
MapContext.translateMarker(Object object)
平移marker,带动画
MapContext.includePoints(Object object)
缩放视野展示所有经纬度
MapContext.getRegion()
获取当前地图的视野范围
MapContext.getRotate()
获取当前地图的旋转角
MapContext.getSkew()
获取当前地图的倾斜角
MapContext.getScale()
获取当前地图的缩放级别
MapContext.setCenterOffset(Object object)
设置地图中心点偏移,向后向下为增长,屏幕比例范围(0.25~0.75),默认偏移为[0.5, 0.5]
MapContext.removeCustomLayer(Object object)
移除个性化图层。
MapContext.addCustomLayer(Object object)
添加个性化图层。
示例代码
// map.js
Page({
onReady: function (e) {
// 使用 wx.createMapContext 获取 map 上下文
this.mapCtx = wx.createMapContext('myMap')
},
getCenterLocation: function () {
this.mapCtx.getCenterLocation({
success: function(res){
console.log(res.longitude)
console.log(res.latitude)
}
})
},
moveToLocation: function () {
this.mapCtx.moveToLocation()
},
translateMarker: function() {
this.mapCtx.translateMarker({
markerId: 0,
autoRotate: true,
duration: 1000,
destination: {
latitude:23.10229,
longitude:113.3345211,
},
animationEnd() {
console.log('animation end')
}
})
},
includePoints: function() {
this.mapCtx.includePoints({
padding: [10],
points: [{
latitude:23.10229,
longitude:113.3345211,
}, {
latitude:23.00229,
longitude:113.3345211,
}]
})
}
})
网页题目:创新互联小程序教程:微信小程序API地图·MapContext对象
新闻来源:http://www.jxjierui.cn/article/djcccid.html


咨询
建站咨询
