uniapp app端拉起高德网页地图

 以下是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`

参数解释:

  1. position: 位置,格式为 经度,纬度
  2. name: 用户自定义显示名称
  3. src: 来源,可填可不填
  4. coordinate: 坐标系参数, 如果是从后台拿到的高德的定位需要注意请使用gaode坐标系 而不是 wgs84坐标系
  5. 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/gettingstartedhttps://lbs.amap.com/api/uri-api/gettingstarted

补充:

腾讯地图:  

https://apis.map.qq.com/uri/v1/marker?marker=coord:经度,纬度;title:名称;addr:地址&referer=myapp

 结语: 天才无非是长久的忍耐,努力吧!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

喵十一点半

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值