javascript - JavaScriptでGoogleマップマーカー配列に値を割り当てる方法

Question

以下のjavascript関数で配列をマーカーに割り当てようとしています。プッシュでも、コメントアウトされたステートメントでも機能しません。マップ マーカーが配列を持つことが許可されているかどうかはわかりません。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 = [];ください。