‘壹’ 在小程序里面调用微信内置地图
标记点markers只能在初始化的时候设置,不支持动态更新。
示例:
<!-- map.wxml --> <map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}" style="width: 375px; height: 200px;"></map> // map.js Page({ data: { markers: [{ latitude: 23.099994, longitude: 113.324520, name: 'T.I.T 创意园', desc: '我现在的位置' }], covers: [{ latitude: 23.099794, longitude: 113.324520, icaonPath: '../images/car.png', rotate: 10 }, { latitude: 23.099298, longitude: 113.324129, iconPath: '../images/car.png', rotate: 90 }] } })
‘贰’ 微信小程序内怎么导入地图,距离测算
进入腾讯地址服务官网。
在微信小程序中插入个性化地图:进入腾讯地址服务官网,控制台、个性化地图、个性化样式、样式选择。>
先定位目前的位置,再根据输入的目的地进行两地之间的距离计算。(前提是先导入高德地图相应的sdk包)。
‘叁’ 怎么样使用微信地图小程序导航 如何用微信导航
如果你出门不认识路,那么可以用微信地图小程序导航。下面我来告诉大家怎么操作吧。
首先打开微信这个app,如图1所示。进入微信后,你会看到出现一个新的界面,如图2所示。
点击右上角的“搜索”选项,如图1箭头所示。在搜索框中输入腾讯地图,点击进入,会出现一个新的界面。
在“搜索地点”中输入你的目的地,如图1箭头所示。会出现一个新的界面,点击右下角的“路线”选项,如图2箭头所示。
会出现一个新的界面,点击右下角的“导航”选项,如图1箭头所示。这样就完成啦。
‘肆’ 微信小程序<map>地图组件闪退问题解决
问题 :
用户频繁切换头部 tab ,数据请求,地图更新
ios正常
!!android手机会出现闪退情况
解决 :
经过各种排查,发现主要原因是因为 标注文本 总是呈显示状态,以至于过标注点时,绘制过多造成小程序闪退,此时只要注释掉 display:'ALWAYS' 即可
当然,注释掉之后气泡只有在点击标注点的时候才会显示,想要用户 点击标记点 或者 点击气泡 再进行操作的话,可以分别给 <map> 设置
其他未确定因素:
也有可能tab切换过快,接口请求过于频繁造成的,此时你可以写一个计时器,避免这种问题