本人最近在开发微信端的H5页面,需要做一个线下门店定位和导航的功能。
查阅资料发现,微信内嵌接口目前只能定位,不支持导航,所以需要引用百度、高德或者腾讯等地图来进行导航。
以下是本人为实现在微信端定位功能做的一些尝试,不足之处,还望大家不吝赐教!
1. H5 定位 + 腾讯地图显示位置
参考腾讯地图官网的H5定位和纠偏的方法 HTML5定位于纠偏
上述代码在安卓端测试有效,苹果手机无法获取位置,不明原因的我马上又去找万能的网友,以下是测试找错的代码:
参考资料 让HTML5来为你定位(转)
使用下面这段代码测试H5定位功能,安卓手机测试有效,苹果手机error.code = 2 error.POSITION_UNAVAILABLE
使用Geolocation方法存在错误信息error.POSITION_UNAVAILABLE其实问题不局限于微信端而是iphone升级到ios10后,对获取地理位置信息作出了限制,只有https的方式才能获取
参考资料 : iphone手机微信端html5 Geolocation定位失效的问题
2. 腾讯地图定位当前位置
用腾讯地图的api可以直接获取,安卓和苹果手机亲测有效,代码如下:
3. 直接调用微信定位接口定位 (仅供参考,测试没有成功,还未找到原因)
由于本人还不是非常熟悉微信参数接口的一些操作,在读到微信相关配置参数后,在微信端似乎并没有调用到微信定位的接口方法,以下代码仅供参考,错误的地方希望大家可以指点一二