H5页面调起地图导航

h5页面拉起地图导航

• 新年快乐，在此㊗️大家万事如意，牛气冲天！

这里再次记录下， 在vue中使用百度地图，点击marker弹窗选择对应导航方式。

百度api文档

效果图

拉起导航方式

1. 高德地图

1. 调用方式

   http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnative=1
   

2. 说明：

   • 其中position、name分别是经纬度和详情地址参数

3. api请查看

2. 百度地图

1. 调用方式

   http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介&output=html
   

2. 说明：

   • 其中location、title、content分别是经纬度、标注点显示标题及标注点显示内容，output为指定输出类型，web上必须指定。

   • ios设备当切换底部tab时，会弹窗提示可能离开微信，打开第三方应用，根据需要操作即可。

3. api请查看

3. 腾讯地图

1. 调用方式