微信小程序关于map地图

微信小程序的map地图一直存在很多的问题，截止到目前为止我遇到的问题，

当前基础库版本:2.3.0，

1.ios和安卓在marker大小不一致；设置同样大小，ios上要小

2.getScale在ios返回的是小数，在安卓则是整数；也就是说你如果要针对scale做文章，需要根据系统去适配，同一部手机，安卓上面同一个scale对应的是一个放大缩小的视野范围，ios上是固定的范围，因为它通过getScale得到的是小数，比较精确；并且在基础库2.3.0和基础库2.3.0之前的版本版本相同scale对应的地图视野范围也是不一样的，需谨慎；

3.安卓上map渲染markers数量过多会导致拖动地图十分卡顿，包括从当前地图页面跳转其他页面，ios上效果则要好很多；

4.markers上的label偶尔会出现丢失的情况，基础库2.3.0及以上目前没发现这种情况；

5.通过地图change事件加载数据，一定要做好函数防抖，不要过于频繁请求；

6.基础库2.3.0以下版本不支持返回change类型，即是拖动还是放大缩小，可以通过视野范围（根据左下角右上角经纬度计算得到）以及缩放范围的关系去判断

获取两个经纬度之间的距离方法：

  distance(la1, lo1, la2, lo2) {la1 = la1 || 0;lo1 = lo1 || 0;la2 = la2 || 0;lo2 = lo2 || 0;var La1 = (la1 * Math.PI) / 180.0;var La2 = (la2 * Math.PI) / 180.0;var La3 = La1 - La2;var Lb3 = (lo1 * Math.PI) / 180.0 - (lo2 * Math.PI) / 180.0;var s =2 *Math.asin(Math.sqrt(Math.pow(Math.sin(La3 / 2), 2) +Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)));s = s * 6378.137; //地球半径s = Math.round(s * 10000) / 10000;return s * 1000;}

微信小程序关于map地图相关推荐

微信小程序自带地图_微信小程序之map地图
微信小程序地图操作比较简单,api也很少,使用map组件来展示.说到地图,那就先来看基础定位: 定位用到wx.getLocation(OBJECT)函数,代码如下: wx.getLocation({ ...
微信小程序之map地图
微信小程序地图操作比较简单,api也很少,使用map组件来展示.说到地图,那就先来看基础定位: 定位用到wx.getLocation(OBJECT)函数,代码如下: wx.getLocation({t ...
微信小程序之map地图规划路线以及显示距离
有个问题:在选择公交路线(包含步行和公交)时,怎么才能让不同的路线显示不同的颜色? ps:有个方式,自己写坐标解压往后的存入新数组.把步行时的数据标注下,有什么简单的方法呢? 自定义函数文件 /*** ...
微信小程序，map地图中在底部添加半透明视图布局
最近在学习微信小程序,遇到一个问题,就是需求map上需要添加其他布局,但是map是由客户端创建的原生组件,层级是最高的,研究了好久,发现在map中可以使用cover-view组件,然后进行布局,有关c ...
微信小程序中Map地图组件的使用
常用功能一:绘制地图标记点一个或多个 map.wxml <!-- longitude 经度 latitude 纬度 scale 缩放层级最小5,最大18 markers 地图标记 bindma ...
微信小程序引用 map 地图，显示当前位置
1.定位用到 wx.getLocation 函数,地图使用 map组件,详细教程参照官网: 注意事项:在给经度和纬度赋值时,千万不能赋错: 2.先看下效果图: 3.在wxml页面定义map组件,包含 ...
uniapp 微信小程序获取map地图中心的经纬度地理位置
在页面上放置一个map组件 <map id="mapId" ref="mapId" style="width: 750rpx; height:c ...
微信小程序：map地图自动缩放自适应大小
文档: https://developers.weixin.qq.com/miniprogram/dev/api/media/map/wx.createMapContext.html https:// ...
微信小程序自带地图_微信小程序开发之之地图功能（map）
本文将带你了解微信小程序开发之之地图功能(map),希望本文对大家学微信有所帮助. 主要介绍微信小程序中的地图模块相关功能.基本使用地图组件使用起来也很简单..wxml 1212参数列表及说明如下:除 ...
微信小程序使用高德地图实现标点图标修改
微信小程序引入高德地图高德地图开放平台根据入门指南完成前五步后建议在app.js中引入 amap-wx.js 并初始化高德地图 app.json // 引入路径根据自己文件所在位置引入 v ...

微信小程序关于map地图

微信小程序关于map地图相关推荐

最新文章

热门文章