如何使用百度地图API在地图上批量添加点标注

最新推荐文章于 2021-05-26 13:10:44 发布

棠梨残雪

最新推荐文章于 2021-05-26 13:10:44 发布

阅读量5.9k

点赞数 1

分类专栏： js 文章标签： api 批量添加添加标注百度地图api

本文链接：https://blog.csdn.net/lz1205911568/article/details/76695118

版权

本文详细介绍了如何利用百度地图API在地图上实现批量添加点标注的步骤，包括API调用方法、数据格式化及标注样式设置，助你轻松完成地图数据展示。

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

<style>
    html,body,#map{
        width: 100%;
        height: 100%;
    }
    *{
        margin: 0;
        padding: 0;
    }
</style>
<body>
   <div id="map"></div>
</body>
<script src="http://api.map.baidu.com/api?v=2.0&ak="你的应用API密钥""></script>
<script>
    (function() {
        var map = new BMap.Map("map")
        //先右击开启可以收集的功能，然后双击地图添加经纬度到数组，添加到10个关闭收集功能
        function takePoints(done) {
            var points = [];
            var isActionDblclick = false; //是否触发过双击
            function lister() {
             //如果双击过就不再添加双击事件
                if (isActionDblclick) {
                     return;
                }
                isActionDblclick = true //标识为双击过的
                function takeStart(event) {
                    console.log(event)
                    points.push(event.point) //添加经纬度到数组
                    if (points.