通过百度地图API标记多点并实现导航方式

最新推荐文章于 2024-06-26 16:11:20 发布

涛_dz

最新推荐文章于 2024-06-26 16:11:20 发布

阅读量639

点赞数

分类专栏： C#开发 Jquery 文章标签：百度 html 前端

原文链接：https://www.itdaan.com/blog/2017/08/01/9f4ea21377520163a713155c82c32926.html

版权

Jquery 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

C#开发

2 篇文章 0 订阅

订阅专栏

// 文字标注
var label = new window.BMap.Label(markerArr[i].title, {
offset: new window.BMap.Size(20, -10)
});
marker[i].setLabel(label);

                    // 创建信息窗口对象
                    info[i] = "<p style=’font-size:12px;lineheight:1.8em;’>" + "</br>" + markerArr[i].address + "</br>" + markerArr[i].tel + "</br></p>";
                    //创建百度样式检索信息窗口对象                       
                    searchInfoWindow[i] = new BMapLib.SearchInfoWindow(map, info[i], {
                        title: markerArr[i].title, //标题
                        width: 250, //宽度
                        height: 60, //高度
                        panel: "panel", //检索结果面板
                        enableAutoPan: true, //自动平移
                        enableMessage:false,
                        enableCloseOnClick:false,
                        searchTypes: [
                            //BMAPLIB_TAB_SEARCH, //周边检索
                            BMAPLIB_TAB_TO_HERE, //到这里去
                            BMAPLIB_TAB_FROM_HERE //从这里出发
                        ]
                    });
                    //添加点击事件
                    marker[i].addEventListener("click", (function(k) {
                        // js 闭包
                        return function() {
                            //将被点击marker置为中心
                            //map.centerAndZoom(point[k], 18);
                            //在marker上打开检索信息窗口
                            searchInfoWindow[k].open(marker[k]);
                        }
                    })(i));
                }
            }
            //异步调用百度js

        function map_load() {
            var load = document.createElement("script");
            load.src = "http://api.map.baidu.com/api?v=2.0&ak=dP93wprs2ft8NHOB3s5mesN0SBTpLqgf&callback=map_init";
            document.body.appendChild(load);
        }
        window.onload = map_load;
    </script>
</body>