H5 显示百度地图并调起APP

葉飞纷飞

于 2018-03-15 13:47:58 发布

阅读量1w

点赞数

分类专栏：编程文章标签：百度地图 H5 jquery

本文链接：https://blog.youkuaiyun.com/u012847695/article/details/79566854

版权

本文介绍如何在H5页面中利用百度地图JS API显示地图，并实现点击后调起百度地图APP，传递经纬度进行路径规划。特别指出，安卓和iOS设备在调起APP时需使用不同的协议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文示例，在H5中调用百度地图的js api,根据经纬度显示地图，同时可点击打开百度地图的APP，将当前定位传到APP中，实现路径规划。注意安卓和苹果的，调起APP的时候协议是不同的。

<head>
    <title>示例</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
    <style type="text/css">
        #allmap
        {
            position:absolute;
            width: 100%;
            height: 100%;
            margin: 0;
        }
    </style>
    <script type="text/javascript">

        var scheme = "";
        $(function () {
            var map = new BMap.Map("allmap");
            map.centerAndZoom(new BMap.Point(116.331398, 39.897445), 11); //经纬度
            map.enableScrollWheelZoom(true);

            map.clearOverlays();
            var new_point = new BMap.Point(Number('@ViewBag.Longitude'), Number('&#

最低0.47元/天解锁文章