以下是demo
// 跳转至网页版高德地图
toScottMap(longitude, latitude, name) {
// 高德网页版地址
let url = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${name}&src=mypage&coordinate=gaode&callnative=1`
// #ifdef H5 || MP-WEIXIN
window.location.href = url
// #endif
// #ifdef APP-PLUS
plus.runtime.openURL(url)
// #endif
},
核心代码
// 高德网页版地址
let url = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${name}&src=mypage&coordinate=gaode&callnative=1`
参数解释:
- position: 位置,格式为 经度,纬度
- name: 用户自定义显示名称
- src: 来源,可填可不填
- coordinate: 坐标系参数, 如果是从后台拿到的高德的定位需要注意请使用gaode坐标系 而不是 wgs84坐标系
- callnative: 是否尝试拉起高德地图app,0 不拉起、1 拉起
技术资源:
h5+apihttps://www.html5plus.org/doc/zh_cn/runtime.html#
https://www.html5plus.org/doc/zh_cn/runtime.html#
高德地图urlhttps://lbs.amap.com/api/uri-api/gettingstarted
https://lbs.amap.com/api/uri-api/gettingstarted
补充:
腾讯地图:
https://apis.map.qq.com/uri/v1/marker?marker=coord:经度,纬度;title:名称;addr:地址&referer=myapp