H5获取经纬度地址跳转Apple地图、百度、腾讯、高德地图导航
目录
一、实现一个导航按钮、绑定点击事件
二、判断ios环境、ios直接打开自带苹果地图
1.判断ios环境
2.跳转苹果地图
三、Android打开地图App导航
1.判断android环境
2.导航地图菜单
3.渲染地图App菜单
4. 判断跳转高德、腾讯、百度App导航
5.显示效果
总结
前言
需求:H5移动端获取返回的经纬度和地址、点击导航按钮打开地图app实现导航功能、ios环境打开自带苹果地图、安卓环境弹出百度、腾讯、高德供选择跳转、判断ios环境、判断是否安装地图APP
this.store:使用mobx状态管理、点击事件写在store里面。
代码如下(示例):
代码如下(示例):