微信小程序:map地图自动缩放自适应大小

简介: 微信小程序:map地图自动缩放自适应大小

map提供了 scale 参数,用于大小缩放,不过在需要标记多个点的时候,更期待的是根据地图上显示的内容,自动缩放地图到合适的比例。


<map id="map" show-location></map>

实现代码


// 获取地图实例
let MapContext = wx.createMapContext('map');
// 换成具体的坐标点
points = [{longitude, latitude}];
MapContext.includePoints({
  points: points,
  // 缩放视野展示所有经纬度 [上,右,下,左]  
  padding: [140, 60, 260, 60],
});
相关文章
|
6月前
|
小程序 定位技术
uniapp微信小程序地图全屏显示配送范围
uniapp微信小程序地图全屏显示配送范围
124 1
|
6月前
|
XML 小程序 JavaScript
微信小程序如何使用地图
微信小程序如何使用地图
225 4
|
5月前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
467 0
|
5月前
|
小程序 定位技术
【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)
【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)
98 0
|
5月前
|
定位技术
vue-baidu-map 自定义地图主题
vue-baidu-map 自定义地图主题
207 0
|
7月前
|
小程序 前端开发 JavaScript
使用CSS的媒体查询功能在小程序中实现自适应布局
使用CSS的媒体查询功能在小程序中实现自适应布局
|
7月前
|
编解码 小程序 前端开发
在小程序中实现自适应布局或响应式设计
在小程序中实现自适应布局或响应式设计
|
7月前
|
小程序 安全 定位技术
高德地图实现-微信小程序地图导航
高德地图实现-微信小程序地图导航
337 0
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
676 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
738 1