h5调用高德地图腾讯地图

2023-07-04 18:08| 来源: 网络整理| 查看: 265

1.高德地图

高德开放平台URI API是为开发者提供的一种在自己应用或网页中调用H5地图的方法. 开发者只需根据提供的URI API构造一条标准的URI, 便可调用H5地图进行POI 标点、公交、驾车查询等功能。开发者可以调用H5地图的各种功能来使自己的产品具备地图相关的功能，同时还可以通过URI API直接调起高德地图app来实现对应的地图功能。

使用URI API开发的优势在于调用便捷，实时展现。例如，如果您是一家公司或商铺的管理者，希望在您的网页中打开一张标注了此商铺的地图，如果您已已知其经纬度（例如：116.473195,39.993253），您只需将其填入URI链接如下:

只需要经纬度就可以了

https://uri.amap.com/marker?position=116.473195,39.993253

代码也很简单，只要location.href就行了

OS参数本来是用来区分Android和ios的，可我看官方文档也没区分系统就没用上

export default { data(){ return{ // 不需要区分安卓和ios OS:'Android' } }, created(){ this.getLocation() }, methods:{ getLocation() { location.href="https://uri.amap.com/marker?position=111.851395,22.766687000000001" } }, } 2.腾讯地图

type参数为1，

keyword为搜索地名

content参数为经纬度，

radius为搜索范围1000米

key就是你的key值，，

refere调用来源，一般为您的应用名称

https://apis.map.qq.com/tools/poimarker?type=1&keyword=酒店¢er=39.908491,116.374328&radius=1000&key=yourkey&referer=myapp

export default { data(){ return{ // 不需要区分安卓和ios OS:'Android' } }, created(){ this.getLocation() }, methods:{ getLocation() { location.href="https://apis.map.qq.com/tools/poimarker?type=1&keyword=酒店¢er=39.908491,116.374328&radius=1000&key=yourkey&referer=myapp" } }, } 3.百度地图

没找到文档，，，，

【本文地址】

公司简介

联系我们