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

最新推荐文章于 2024-05-13 01:41:03 发布

棠梨残雪

最新推荐文章于 2024-05-13 01:41:03 发布

阅读量5.6k

点赞数

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

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

版权

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

摘要由CSDN通过智能技术生成

<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.

最低0.47元/天解锁文章

棠梨残雪

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
如何使用百度地图API在地图上批量添加点标注

<style> html,body,#map{ width: 100%; height: 100%; } *{ margin: 0; padding: 0; }</style><body> <div id="map"></div></body><script src="http://api.
复制链接

扫一扫