H5页面点击调起腾讯/百度/高德地图APP

注意：在手机端测试时发现了一个问题，用百度浏览器只能调用百度地图app的，对腾讯/高德地图是无效的，于是我用qq浏览器测试，结果发现qq浏览器是都可以调起的。

一：腾讯地图（api文档）

window.open(`http://apis.map.qq.com/uri/v1/marker?marker=coord:${this.latitude},${this.longitude};addr:${this.senicTitle}`);

注释：this.seicTitle是目标地址

二：百度地图（api文档）

window.open(`https://uri.amap.com/navigation?from=${this.longitude},${this.latitude}&to=${this.senicLon},${this.senicLat},${this.senicTitle}&mode=car&callnative=1&coordinate=wgs84&src=mypage`);

注释：this.latitude , this.longitude 为起点经纬度 this.senicLon this.senicLat 为目标经纬度 this.senicTitle 同上

三：高德地图（api文档）

window.open(`http://api.map.baidu.com/direction?origin=latlng:${this.latitude},${this.longitude}|name:我的位置&destination=latlng:${senicLat},${senicLon}|name:${this.senicTitle}&mode=driving&region=${this.senicTitle}&output=html&src=webapp.baidu.openAPIdemo&coord_type=wgs84`);

H5页面点击调起腾讯/百度/高德地图APP相关推荐

腾讯,百度,高德地图兴趣点(POI)的获取以及查询,逆解析解析
1.POI数据介绍 POI数据介绍 POI是"Point of Interest"的缩写,中文可以翻译为"兴趣点".POI数据会包含各种信息,如前面提到的名称. ...
JQ----移动端h5页面通过地址调起通讯录以及高德地图、百度地图定位导航
JQ----移动端h5页面通过地址调起通讯录以及高德地图.百度地图定位导航通讯录: 可先加meta标签 <a href="tel:13838383838" class=&q ...
H5页面调起高德地图APP/百度地图APP
直接通过链接跳转即可唤起高德地图APP或者百度地图APP,示例如下: var s = startAddressInfo;//起点地址信息var e = endAddressInfo;//终点地址信息i ...
如何实现在H5里调起高德地图APP？（下）
这一篇文章将告诉您,如果直接打开高德地图APP,并展示路线规划.适合有定位的移动设备,可以查询到从"我的位置"到目的地的路径规划,并直接导航. 场景二.调起高德地图的路线规划功能 ...
如何实现在H5里调起高德地图APP
这一篇文章将告诉您,如果直接打开高德地图APP,并展示路线规划.适合有定位的移动设备,可以查询到从"我的位置"到目的地的路径规划,并直接导航. 场景二.调起高德地图的路线规划功能 ...
uniapp 移动端调起第三方地图(腾讯,百度,高德)并标注位置,进行导航
点击某个地方,调起下面的方法方法要传入需要标注地点的纬度latitude,经度longitude,名字name //打开第三方地图toMapAPP(latitude,longitude,name){ ...
大屏页面使用transform属性scale进行缩放，高德地图点击事件失效，地图展示模糊
这里写自定义目录标题大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
H5页面中调起高德地图app，如果未安装应用，则提示用户安装
一.需求: 在之前做的项目中,有个需求是,点击"去这里"的按钮,会调起高德地图app,并导航至目的地,如果用户未安装高德地图app,则提示用户需先下载二.代码部分 1.获取目标地 ...
手机app调起百度高德地图
需求: 通过手机app显示地图,点击去导航调起高德.百度地图app: 找了其他大神的,但经纬度不准确问题困扰了好久,去地图开放平台查了下文档,完美解决~ methods: {// 方法要传入需要标注地 ...

H5页面点击调起腾讯/百度/高德地图APP

H5页面点击调起腾讯/百度/高德地图APP相关推荐

最新文章

热门文章