欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

H5移动端拉起地图定位全总结

程序员文章站 2024-01-10 17:42:56
1、跳转高德H5页面并标注位置官方地址事例:https://m.amap.com/navi/?dest=116.470098,39.992838&destName=阜通西&hideRouteIcon=1&key=您申请的Key2、H5在iOS打开APP并定位高德iosamap://poi?sourceApplication=ipark+&name=%@&百度地图baidumap://map/geocoder?address=%@&src=i...
1、跳转高德H5页面并标注位置

官方地址
事例:

https://m.amap.com/navi/?dest=116.470098,39.992838&destName=阜通西&hideRouteIcon=1&key=您申请的Key
2、H5在iOS打开APP并定位

高德

iosamap://poi?sourceApplication=ipark+&name=%@&

百度地图

baidumap://map/geocoder?address=%@&src=iPark+
3、H5在安卓打开APP并定位

高德

androidamap://keywordNavi?sourceApplication=bipark&keyword=" + mapModel.getAddress() + "&style=2

百度地图

intent://map/direction?destination=" + mapModel.getAddress() + "#Intent;scheme=bdapp;package=com.baidu.BaiduMap;end
4、H5在微信公众号中拉起内置地图定位

官方地址
该方法需要鉴权,具体参考官方文档

wx.openLocation({
  latitude: 0, // 纬度,浮点数,范围为90 ~ -90
  longitude: 0, // 经度,浮点数,范围为180 ~ -180。
  name: '', // 位置名
  address: '', // 地址详情说明
  scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
  infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});
5、H5在钉钉中拉起内置地图定位

官方地址
该方法需要鉴权,具体参考官方文档

dd.biz.map.view({
    latitude: 39.903578, // 纬度
    longitude: 116.473565, // 经度
    title: "北京国家广告产业园" // 地址/POI名称
});

本文地址:https://blog.csdn.net/weixin_36445197/article/details/109637361

相关标签: 我的前端