有关在Vue中JS如何在H5移动端如何调起第三方地图软件(高德、腾讯、百度)

一、 首先封装区分当前环境是ios端还是android端的方法

二、封装根据当前运行环境来调起地图的方法

至于JS能否可以检测出来用户手机是否安装了某一APP软件，尚待解决。。。

1. 腾讯地图

官方文档

1. 接口调用说明
   适用于在手机端APP 和 手机浏览器中，调起腾讯地图APP。iOS通过scheme调用，Android使用Intent调用，统一协议为：qqmap://map/
   2.JS调用方法: 直接通过 location.href 调用列如官方所给示例的链接即可
   3.封装

2. 百度地图

官方文档

1. 简介: 开发者只需按照URI API接口规范构造一条标准的URI，便可在PC&移动浏览器端或者移动开发应用中直接调起百度地图产品（如百度web地图、百度地图客户端）进行地图显示或检索、线路查询、导航等功能，满足开发者实现特定业务场景下直接调用地图产品实现应用请求,
2. 协议:
   安卓: baidumap://map/
   ios: baidumap://map/
3. JS调用方法: 直接通过 location.href 调用列如官方所给示例的链接即可
4. 封装

3. 高德地图

官方文档

1. 简介：高德地图手机版第三方调用URI API是为开发者提供的一种在自己应用中调用高德地图app的方法. 开发者只需根据提供的URI API构造一条标准的URI, 将其放在自己的应用程序中, 便可调用高德地图APP来进行POI 标点、公交、驾车查询等功能。
2. 协议（地图标注）：
   安卓：androidamap://viewMap
   ios：iosamap://viewMap
3. JS调用方法: 直接通过 location.href 调用列如官方所给示例的链接即可
4. 封装

文章知识点与官方知识档案匹配，可进一步学习相关知识Vue入门技能树Node.js和npmNode安装与配置22949 人正在系统学习中