2023年微信小程序API 地图·MapContext对象
1. 获取当前地图的中心位置
使用getCenterLocation()方法可以获取当前地图中心点的经纬度坐标。这个坐标可以直接在小程序中打开使用wx.openLocation()。
2. 将地图中心移置定位点
利用moveToLocation(Object object)方法,将地图中心移至当前用户所在的位置。设置组件show-location为true即可实现该功能。从小程序2.8.0开始,这个函数也支持将地图中心移动到指定的位置。
3. 平移Marker
利用translateMarker(Object object)方法,可以平移标记,并带有动画效果。
4. 缩放显示所有的经纬度数据
用includePoints(Object object)方法来缩放以展示所有经纬度信息。
5. 获取当前地图视野范围
getRegion()方法用于获取当下地图的视野范围。
6. 获取当前地图旋转角度
getRotate()方法用于获取当前地图的旋转角度。
7. 获取当前地图倾斜角度
getSkew()方法用于获取当前地图的倾斜角度。
8. 获取当前地图缩放级别
getScale()方法用于获取当前地图的缩放级别。
9. 设置地图中心点偏移量
setCenterOffset(Object object)方法可以设置地图中心点的偏移量,按照向后和向下的方向来增大。默认情况下,坐标[0.5, 0.5]表示屏幕的中央位置,可接受范围为(0.25~0.75)。
10. 移除自定义图层
removeCustomLayer(Object object)方法用于在小程序地图中删除自定义图层。
11. 添加自定义图层
addCustomLayer(Object object)方法用于在小程序地图中添加自定义图层。
<!-- map.wxml -->
<map id="myMap" show-location />
<button type="primary" bindtap="getCenterLocation">获取位置</button>
<button type="primary" bindtap="moveToLocation">移动位置</button>
<button type="primary" bindtap="translateMarker">移动标注</button>
<button type="primary" bindtap="includePoints">缩放视野展示所有经纬度</button>
// 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:-
B2B2C多用户商城系统支持企业自营与商户入驻模式共存 会员一站式精细化营销工具 多用户分销,带来爆发式增长
系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式),帮助企业打造生态级商业平台为目的的电子商务系统。
免费试用系统 -
B2B2B电商交易系统优化供应链协作 授信及账期支付 商品按照数量阶梯设价
全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。
免费试用系统 -
S2B2B电商交易系统供销一体化,提高市场集中度 集团管控一体化,有效实现供需匹配 移动应用一体化,提高运营综合效率
上下游资源整合数字化解决方案,赋能产业供应链,构建产业互联网生态体系。
免费试用系统

立即扫码关注

多用户商城平台系统