Google 地图标记无法删除

问题描述 投票:0回答:4

我在 Google 地图网络应用程序中的标记出现问题。我可以添加标记,但无法删除它们。我已经寻找了好几天的解决方案,但 v3 的标准建议似乎是:

marker.setMap(null);

问题是这在我的代码中似乎完全无效。这是启动时运行的函数的示例。它可以快速获取当前位置,但精度较低。需要更长时间才能完成的后续功能应删除标记并将新标记放置在更准确的位置。问题是,标记一旦放置我就无法移除。

function geoLocCheckAndFastLatLng(){


    if (navigator.geolocation) {

    navigator.geolocation.getCurrentPosition(function(position) {

               //get current position
                pos = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);

                //place low accuracy marker

                placeMarker(pos,window.meIconMediumAccuracy,window.myPositionMarker);

                //and center map

                 window.map.setCenter(pos);

                 window.map.setZoom(14);

                 window.myPositionMarker.setMap(null);

                 });

    }else{

        alert("Sorry - You're Browser Doesn't Support Geolocation.\nChange To Google-Chrome Or Dolphin To Use This App");
    }

}

因此,理论上上述函数获取位置,放置标记,然后删除相同的标记。但标记仍然存在!有人可以帮忙吗?我只有几天的时间来完成,但我不明白我哪里出错了。

这是地点标记功能:

function placeMarker(location, iconType, marker) {

    //alert(window.markers.length);

    //if the marker is undefined it means it needs to be created form scratch
    //using the iconType and location provided in the function call
    if(marker === undefined){

    marker = new google.maps.Marker(

       {
           position: location,
           map: window.map,
           icon: iconType,
       });

    //and add a click listener
    google.maps.event.addListener(marker, 'click', function()
      {

        alert("Marker location:\n" + pos);

      });

    //add to markers array
    window.markers.push(marker);


    }else{

        marker.setPosition(location);

    }

}
javascript jquery-mobile google-maps-api-3 google-maps-markers
4个回答
2
投票

我认为问题的根本原因是你实际上并没有通过 .setMap(null) 调用来处理你认为的对象。

尝试从 placeMarker() 返回标记,然后将其分配给 var 并调用 setMap(null) 。

如果在初始化 google.maps.marker() 后声明 window.myPositionMarker = marker,它将按预期工作。


2
投票

似乎您的答案已经解决,但对于其他遇到此问题的人,请预先警告 -

我的标记在设置自定义属性后不会删除。

例如

// can create a marker and add it to map OK
marker = new new google.maps.Marker({...})
marker.setMap(map)

// But don't set a custom property on the marker
marker.foo = "bar"
marker.setMap(null) // wont remove the marker

0
投票

创建新标记时,无法通过其全局名称 myPositionMarker 引用它。然而,在创建标记的过程中,它被放置在一个数组中。如果我将标记称为

window.markers[0].setMap(null);

它已按预期从地图中删除。非常感谢您的帮助!


0
投票

在我的例子中,我使用了 Google 的 MarkerClusterer 并拥有我们自己对标记对象的引用,这阻止了它被删除。

一旦我删除了我们自己的参考,标记就被集群器本身清理了。

© www.soinside.com 2019 - 2024. All rights reserved.