Question

我在过去的2个小时里一直试图找出该做什么，但似乎无法找到答案。我想要做的是我有5个不同的标记，最后编号为1,2,3,4,5，也分为2类（1和2）。我也有一个信息窗口，当我点击特定的3号标记时，我希望打开信息窗口。在infowindow代码我有标记：，。我可以添加哪些内容链接到特定标记？非常感谢大家

P.S。它只显示我放入标记时的信息：newevent;。出于某种原因，将显示第五个标记的信息窗口。

 var beaches = [
 ['Bondi Beach', -33.890542, 151.274856, 1,1],
 ['Coogee Beach', -33.923036, 151.259052, 1,2],
 ['Cronulla Beach', -34.028249, 151.157507, 2,3],
 ['Manly Beach', -33.800101, 151.287478, 2,4],
 ['Maroubra Beach', -33.950198, 151.259302, 2,5]     ];



  var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: new google.maps.LatLng(-33.88, 151.28),
  styles: mapStyle });


 newevent.category = beaches[i][3];
 markers.push(newevent);

}

 function displayMarkers(category) {
 var i;
 for (i = 0; i < markers.length; i++) {
   if (markers[i].category === category) {
     markers[i].setVisible(true);
   }
   else {
     markers[i].setVisible(false);
   }
 }

}

和infowindow：

var info = new SnazzyInfoWindow({
    marker: ,
    placement: 'right',
    offset: {
        left: '20px'
    },

等..

谢谢！

Answer 1

我会告诉您一个我认为您可以用来解决问题的想法。创建标记时如何为它们提供唯一的ID ...例如，如果您有创建标记的功能：

var uniqueId = 1;
//more code    
function addMarker(location) {
  var marker = new google.maps.Marker({
      position: location,
      map: map
  });
  marker.id = uniqueId;
  uniqueId++;
}

现在您可以将任何想要做的事情与任何特定标记链接起来，例如，如果您想要删除一个特定标记并且您具有删除标记的功能：

  function deleteMarker(id) {

  for (var i = 0; i < markers.length; i++) {
      if (markers[i].id == id) {

          markers[i].setMap(null);


          markers.splice(i, 1);
          return;
      }
  }
};

您可以将Id作为参数传递...或者使用if，例如：

if (uniqueId == 3 ) {
//Do whatever I want
}

谷歌地图 - 从数组中选择值并分配给标记

1 个答案: