微信小程序 MapContext.includePoints实现自动缩放地图大小

记录一下微信小程序实现自动缩放地图大小的过程

官方文档地址:
MapContext.includePoints
最近做了个功能,根据用户和商家之间的距离画出导航线,然后根据距离自动缩放地图的scale
然鹅!官方文档又是一笔带过,没办法,查资料查的一肚子火,好在最后还是实现了,直接贴代码记录一下我踩的坑,也让后面的兄弟别踩了
wxss:

<map id="map"></map>

js:

//这里括号里的map要和wxss里map的id对应
let MapContext = wx.createMapContext('map');
 // 换成具体的坐标点
 var lon1 = 坐标点1的经度
var lat1= 坐标点1的纬度
var lon2 = 坐标点2的经度
var lat2= 坐标点2的纬度
var points = [{longitude:lon1,latitude:lat1},{longitude:lon2,latitude:lat2}];
 MapContext.includePoints({
 // 缩放视野展示所有经纬度 [上,右,下,左]  这里四个值要一致
padding: [10,10,10,10],
points:points,
});
实现效果:苹果还没测试,安卓没问题

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值