h5页面轻松调用腾讯地图导航
本文介绍如何在手机H5页面中便捷地集成腾讯地图导航功能。
- 腾讯地图导航URI Scheme
使用以下URI Scheme作为调用基础：
qqmap://map/routeplan
- 关键参数设置
通过在URI Scheme后添加参数，自定义导航起点、终点和类型：
-
起点坐标 (from): 例如：
113.955474,22.546081 -
终点坐标 (to): 例如：
114.054558,22.546879 -
导航类型 (type):
drive(驾车),ride(骑行),walk(步行)
例如，驾车导航从(113.955474, 22.546081)到(114.054558, 22.546879)的完整URI：
qqmap://map/routeplan?from=113.955474,22.546081&to=114.054558,22.546879&type=drive
- H5页面代码实现
在您的H5页面中，使用window.location.href方法即可启动腾讯地图导航：
window.location.href = 'qqmap://map/routeplan?from=113.955474,22.546081&to=114.054558,22.546879&type=drive';
重要提示: 此方法仅在已安装腾讯地图APP且开启外部调用权限的设备上有效。
