APP地图h5导航

2024-10-11 18:57:57 阅读:3 编辑
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
        <p>
            <a href="amapuri://route/plan/?dlat=39.98848272&dlon=116.47560823&dname=杏林湾营运中心&dev=0&t=0&sourceApplication=com.autonavi.minimap">高德导航</a>
        </p>
        <p>
            <a href="baidumap://map/direction?origin=name:当前位置|latlng:39.98871,116.43234&destination=name:杏林湾营运中心|latlng:39.98848272,116.47560823&coord_type=gcj02&mode=driving&sy=0&src=andr.baidu.openAPIdemo">百度导航</a>
        </p>
        <p>
            <a href="qqmap://map/routeplan?type=drive&from=当前位置&fromcoord=39.98871,116.43234&to=杏林湾营运中心&tocoord=39.98848272,116.47560823">腾讯导航</a>
        </p>
        <p>
            <a href="petalmaps://route?daddr=39.98848272,116.47560823(杏林湾营运中心)&type=drive&utm_source=fb">华为地图导航</a>
        </p>
</body>
</html>

高德:https://lbs.amap.com/api/amap-mobile/guide/android/route

百度:https://lbsyun.baidu.com/faq/api?title=webapi/uri/andriod

腾讯:https://lbs.qq.com/webApi/uriV1/uriGuide/uriMobileRoute

华为: https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/petal-maps-application-route-0000001060197996

都建议使用“路线规划”,看现在百度和腾讯是使用 自定义打点/地点标注的,高德使用“导航”

地图app协议

高德地图
amapuri://

百度地图
baidumap://

腾讯地图
qqmap://

华为地图
petalmaps://

这个是最新的地图APP协议。