javascript高德地图实现点击marker消失marker

最新推荐文章于 2024-01-02 08:52:42 发布

原创

最新推荐文章于 2024-01-02 08:52:42 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

使用JavaScript在高德地图上创建marker，并实现点击marker时让其从地图上消失的功能。通过循环遍历并为每个marker添加点击事件，点击后将marker从地图上移除。

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

javascript高德地图实现点击marker消失marker

    var markers = [];
                    var positions = [[120.17718, 30.21772], [120.17718, 30.21872]];
                    for (var i = 0, marker; i < positions.length; i++) {
                        marker = new AMap.Marker({
                            map: map,
                            icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
                            position:  positions[i],
                            content: '
  
  
  '   //自定义点标记覆盖物内容
                        });


                        markers.push(marker);



                    }
                    $.each(markers, function (k, v) {
                        markers[k].on('click', function () {

                         if ( markers[k]) {
                             markers[k].setMap(null);
                             markers[k] = null;