javascript - 如何在javascript中为谷歌地图标记数组赋值

Question

我正在尝试将数组分配给下面的 javascript 函数中的标记。它不适用于 push 或注释掉的语句。我不确定是否允许地图标记具有数组。marker.mycategory 工作正常，只是数组不起作用。

function createMarker(latlng, name, html, category, animals) 
  {

      var markerImg = setMarker(category);

      var contentString = html;

      var marker = new google.maps.Marker({
          position: latlng,
          map: map,
          title: name,
          icon: markerImg,
          });

      for (var i = 0; i < animals.length; i++)
          marker.myanimals.push(animals[i]); 
          //marker.myanimals[i] = animals[i];

      marker.mycategory = category;                                 
      marker.myname = name;

      gmarkers.push(marker);

      google.maps.event.addListener(marker, 'click', function() {
          infowindow.setContent(contentString); 
          infowindow.open(map,marker);
          });

  } // end createMarker()

感谢您对此的任何帮助。

Answer 1

google.maps.Marker扩展了google.maps.MVCObject，所以最好使用MVCObject.

代替：

for (var i = 0; i < animals.length; i++)
      marker.myanimals.push(animals[i]); 
      //marker.myanimals[i] = animals[i];

  marker.mycategory = category;                                 
  marker.myname = name;

采用 ：

marker.setValues({
   mycategory : category,
   myname : name,
   myanimals : JSON.parse(JSON.stringify(animals))  //Deep copy of 'animals' array
});

要访问属性，请使用get方法（例如marker.get('mycategory')）。

Answer 2

在你的 for 循环之前添加一个marker.myanimals = [];，而不是它应该工作