uni微信小程序 map 添加padding

问题背景:

规划驾车线路的时候,使用uni的include-points指定可视范围的时候,会很极限。导致marker不能完全显示。
在这里插入图片描述

解决方法

  1. 给地图显示范围添加padding (推荐)
 <mapid="myMap":markers="markers":polyline="polyline":longitude="curLongitude":latitude="curLatitude"@markertap="markertap"></map>
onLoad((e) => {uni.createMapContext('myMap', this).includePoints({padding: [120, 110, 120, 110],points: [{ latitude: startCityLat.value, longitude: startCityLog.value },{ latitude: endCityLat.value, longitude: endCityLog.value }]});
});
  1. 或者获取并修改缩放地图(记得设置中心点)
const appMapRef = ref('');
appMapRef.value = uni.createMapContext('myMap');
appMapRef.value.getScale({success: (res) => {console.log('缩放', res);mapScale.value = res.scale - 1;console.log('mapScale.value', mapScale.value);}});

uni文档:点击这里

1的效果图:
在这里插入图片描述