8

我正在使用谷歌地图 api 3.9。在应用程序中用户可以添加标记或删除标记。当用户单击地图时，将显示一个信息窗口。用户可以在其中输入名称、纬度、经度并单击保存图像，如下所示：

google.maps.event.addListener(map, 'click', function(event) {

  point = new google.maps.Marker({
    position: event.latLng
    , map: map
    , icon: 'resource/image/mapIcons/point.png'
    , id: id
    , type:"point"
  });

  type = point.type;
  newPoint = true;
  existingPoint = false;
  markerObj = this;

  inputInfowindow.setContent("<table style='width:92%;' id='inputTable'>" +
                             "<tr> <td>point</td> </tr>" +
                             "<tr> <td><input class='infoInput' type='text' id='name' placeholder='name'/> </td> </tr>" +
                             "<tr> <td><input class='infoInput'type='text' id='lat' placeholder='latitude'/></td> </tr>" +
                             "<tr> <td><input class='infoInput'type='text' id='lon' placeholder='longitude'/></td> </tr>" +
                             "<tr><td><input type='image' src='resource/image/mapIcons/save.png' onclick='save()' class='saveImage' alt='save'/> </td></tr>");

  event1 = event.latLng;
  currentMarker = point;
  inputInfowindow.open(map,point);

});

标记保存在数据库中。当用户单击删除按钮时，将调用以下方法：

function deleteMarker(id,rev) {
  var marker  = markerObj;
  markerObj = undefined;
  var x = confirm("are you sure to delete marker?");
  if(x){
    deleteLocations(id,rev);//removes marker details from DB
    if(marker){
      console.log(marker);
      marker.setMap(null);
    }
  }
}

但在marker.setMap(null); 标记已从地图中删除，仍然在地图上。我检查了 console.log(marker); 标记对象正确出现，控制台上没有错误。我进行了很多谷歌搜索但没有结果。请帮助解决这个问题。

4

5 回答 5

13

从文档中-

要从地图中删除覆盖，请调用覆盖的 setMap() 方法，并传递 null。请注意，调用此方法不会删除叠加层；它只是从地图中删除覆盖。相反，如果您希望删除叠加层，则应将其从地图中删除，然后将叠加层本身设置为 null。

所以在之后marker.setMap(null)你还应该写marker=null

更新1-

function deleteMarker(id,rev) {
  var x = confirm("are you sure to delete marker?");
  if(x)
  {
    deleteLocations(id,rev);//removes marker details from DB
    if(markerObj)
    {
       console.log(markerObj);
       markerObj.setMap(null);
       markerObj=null;
    }
  }
}

更新 2-

这是一个有效的简单演示。查看代码并检查您的代码错误的地方。您的代码中可能存在一些变量范围问题。

工作演示

于 2012-12-31T09:20:02.193 回答
2

marker.setMap(null)不会删除对象，只会隐藏它。删除它做marker = null;

于 2012-12-31T09:10:13.797 回答
2

我有同样的问题。您应该在之前调用这些方法markers[index].setMapp(null)：

map.setCenter(desMarker[index].getPosition());
desMarker[index].setPosition(null);

在这些电话之后：

markers[index].setMapp(null)

于 2018-07-03T11:49:34.420 回答
0

在地图单击事件中，您将其分配给 markerObj。虽然这是指地图对象而不是标记对象。

将其更改为

markerObj = point;

它应该按预期工作。

于 2013-01-01T05:36:59.967 回答
0

我有一个类似的错误，我不确定我的解决方案是否适用于你的情况，但是.. 我设置了我的代码，以便当我的页面加载时，地图将被我数据库中表示的坐标中的任何标记填充。然后我允许用户向数据库添加更多点，然后在用户在地图上选择的位置添加一个标记。

我没有意识到，每当在我的数据库中更改或创建坐标时，我的代码都会将标记重新添加到地图上的所有坐标中。因此，每当我创建一个点时，我都会手动向坐标添加标记，并且我的数据库正在向坐标添加标记。因此，当我认为我的代码被破坏时，真正发生的是我正在删除同一位置的两个点之一。

所以我不知道你是如何从你的数据库中提取坐标和标记的，但它值得研究。

于 2017-07-14T15:58:50.647 回答