微信小程序: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月前
|
小程序 定位技术 API
【社区每周】小程序码支持沙箱调试;开发文档新增产品地图(1月第二期)
【社区每周】小程序码支持沙箱调试;开发文档新增产品地图(1月第二期)
46 0
|
5月前
|
小程序 定位技术
uniapp微信小程序地图全屏显示配送范围
uniapp微信小程序地图全屏显示配送范围
105 1
|
5月前
|
XML 小程序 JavaScript
微信小程序如何使用地图
微信小程序如何使用地图
191 4
|
4月前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
343 0
|
4月前
|
小程序 定位技术
【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)
【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)
77 0
|
6月前
|
小程序 前端开发 JavaScript
使用CSS的媒体查询功能在小程序中实现自适应布局
使用CSS的媒体查询功能在小程序中实现自适应布局
|
6月前
|
编解码 小程序 前端开发
在小程序中实现自适应布局或响应式设计
在小程序中实现自适应布局或响应式设计
|
6月前
|
小程序 安全 定位技术
高德地图实现-微信小程序地图导航
高德地图实现-微信小程序地图导航
299 0
|
6月前
|
小程序 定位技术 API
微信小程序实现地图功能(腾讯地图)
微信小程序实现地图功能(腾讯地图)
|
28天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
419 7