在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App,唤起App进行导航

编程知识 更新时间:2023-05-02 20:02:47

在H5中使用地图导航

    • 1、腾讯地图:
    • 2、高德地图:
    • 3、百度地图:

1、腾讯地图:

调用方式: http://apis.map.qq/uri/v1/marker?marker=coord:lat,lng;addr:address

其中lat、lng、address分别为经纬度和详细地址三个参数,更多参数介绍可在腾讯地图api找到:https://lbs.qq/uri_v1/guide.html

当用户手机未安装腾讯地图APP时,可通过浏览器调起腾讯地图下载页,为用户提供下载,实现体验闭环;

2、高德地图:

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

其中lat、lng、address分别为经纬度和详细地址三个参数,其中经纬度为必填参数,注意区别腾讯地图,此两者调用方式中经度和纬度的位置是相反的,高德地图URI API详细参数及说明可在高德开放平台找到:https://lbs.amap/api/uri-api/gettingstarted

3、百度地图:

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

详细参数可在 http://lbsyun.baidu/index.php?title=uri/api/web#service-page-anchor2 找到

苹果:点击导航按钮后进入百度地图app,如果手机没有安装的话,就跳转到AppStore 安装

更多推荐

在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App,唤起App进行导航

本文发布于:2023-04-28 10:10:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/00cad4d62e4e76632dd7f30c3da482b9.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:跳转到   页面   地图   加载   App

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 108530文章数
  • 27417阅读数
  • 0评论数