Google maps api 3 gmap v3清除特异性标记

Google maps api 3 gmap v3清除特异性标记,google-maps-api-3,Google Maps Api 3,要从谷歌地图中清除标记,我使用: mapContent.gmap('clear', 'markers'); 但如果我想清除特定的标记,而不是全部,比如说通过它们的ID?可能吗 从映射中清除标记的方法是在上调用setMap(null)。看起来您正在为谷歌地图使用第三方插件(也许?)。如果您使用的是jquery ui映射,请使用find方法找到所需的标记,然后在其上调用setMap(null)。marker.setMap(null)只会清除标记覆盖。它不会破坏标记。因为“清楚”是潜在的。我也想清除

要从谷歌地图中清除标记,我使用:

mapContent.gmap('clear', 'markers');

但如果我想清除特定的标记,而不是全部,比如说通过它们的ID?可能吗

从映射中清除标记的方法是在上调用setMap(null)。看起来您正在为谷歌地图使用第三方插件(也许?)。如果您使用的是jquery ui映射,请使用
find
方法找到所需的标记,然后在其上调用
setMap(null)

marker.setMap(null)只会清除标记覆盖。它不会破坏标记。因为“清楚”是潜在的。我也想清除标记并销毁我单击的标记。我有一个工作演示,我愿意与大家分享。虽然我使用了marker.setMap(null),但它只隐藏了标记。我还没有找到彻底摧毁它的方法

jsFiddle:

代码:

$(文档).ready(函数(){
var-markerCount=0;
$(“#测试1”).gmap3({
地图:{
选项:{
中心:[-2.2214281090541204,-78.69506835975],
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:true,
mapTypeControlOptions:{
样式:google.maps.MapTypeControlStyle.DROPDOWN_菜单
},
导航控制:对,
滚轮:对,
禁用双击缩放:真,
街景控制:错误,
},
活动:{
单击:功能(映射、事件){
如果(标记计数<10){
$(本文件)。gmap3(
{
标记:{
latLng:event.latLng,
选项:{
真的,
动画:google.maps.animation.DROP,
},
活动:{
单击:功能(标记){
marker.setMap(map);
marker.setMap(空);
标记=空;
删除标记;
控制台日志(标记器);
马克计数--;
},
dragend:功能(标记器){
$(“#inputArray”).empty();
setTimeout(函数(){
var markers=$(“#test1”).gmap3({
获取:{
所有人:是的
}
});
$。每个(标记,功能(i,标记){
$(“#inputArray”).append(“{”纬度“:“+marker.position.lat()+”,“+”“经度“:“+marker.position.lng()+”,”+”);
});
}, 400);
}
},
},
});
markerCount++;
$(“#inputArray”).empty();
setTimeout(函数(){
var markers=$(“#test1”).gmap3({
获取:{
所有人:是的
}
});
$。每个(标记,功能(i,标记){
$(“#inputArray”).append(“{”纬度“:“+marker.position.lat()+”,“+”“经度“:“+marker.position.lng()+”,”+”);
});
}, 400);
}否则{
返回false;
};
}
}
}
});
});
  $(document).ready(function () {

      var markerCount = 0;

      $("#test1").gmap3({
          map: {
              options: {
                  center: [-2.2214281090541204, -78.695068359375],
                  zoom: 8,
                  mapTypeId: google.maps.MapTypeId.ROADMAP,
                  mapTypeControl: true,
                  mapTypeControlOptions: {
                      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                  },
                  navigationControl: true,
                  scrollwheel: true,
                  disableDoubleClickZoom: true,
                  streetViewControl: false,

              },
              events: {


                  click: function (map, event) {

                      if (markerCount < 10) {


                          $(this).gmap3(

                          {
                              marker: {
                                  latLng: event.latLng,
                                  options: {
                                      draggable: true,
                                      animation: google.maps.Animation.DROP,
                                  },



                                  events: {
                                      click: function (marker) {

                                          marker.setMap(map);
                                          marker.setMap(null);
                                          marker = null;
                                          delete marker;
                                          console.log(marker);

                                          markerCount--;
                                      },

                                      dragend: function (marker) {
                                          $("#inputArray").empty();

                                          setTimeout(function () {
                                              var markers = $("#test1").gmap3({
                                                  get: {
                                                      all: true
                                                  }
                                              });

                                              $.each(markers, function (i, marker) {

                                                  $("#inputArray").append('<p>{"latitude":' + marker.position.lat() + ', ' + '"longitude":' + marker.position.lng() + '},' + '</p>');
                                              });
                                          }, 400);



                                      }


                                  },


                              },


                          });

                          markerCount++;

                          $("#inputArray").empty();

                          setTimeout(function () {
                              var markers = $("#test1").gmap3({
                                  get: {
                                      all: true
                                  }
                              });

                              $.each(markers, function (i, marker) {

                                  $("#inputArray").append('<p>{"latitude":' + marker.position.lat() + ', ' + '"longitude":' + marker.position.lng() + '},' + '</p>');
                              });
                          }, 400);

                      } else {
                          return false;
                      };

                  }
              }
          }
      });

  });