Markerclustererのクラスタをアニメ化する

Question

MarkerClustererPlusでGoogle Maps v3を使用しています。 Click for docs

クラスタに特定のマーカーが含まれている場合、クラスタをアニメーション化したいと考えています。マーカがクラスタ内にない場合、アニメーションは非常に簡単です。

marker.setAnimation(google.maps.Animation.BOUNCE); 

しかし、私はクラスタアイコン全体をバウンスしたいと思います。

markerCluster.getClusters(); 

しかし、私はgetClusters（） - Arrayにcluster-divをどのように関連付けることができますか？私は、どのクラスがgetClusters（） - 関数からどのクラスに属しているのか知りません。

Answer 1

これは、文書化されたメソッド/プロパティでは不可能ですが、これらのプロパティにアクセスする可能性があります。

• ステップ＃1：各クラスタは、クラスタのすべてのマーカーを含む配列であるmarkers_ -propertyを有しています。あなたは指名手配のマーカーを使用してクラスタを見つけたとき、クラスタのプロパティclusterIcon_.div_にアクセスし、その要素です：markers _アレイが望んマーカー

• ステップ＃2が含まれている場合は、すべてのクラスタを反復して確認してくださいgoogle.maps.Markerではありませんあなたはネイティブマーカーでそれを行うこととして、あなたは、単にアニメーションを適用することはできませんクラスタアイコンを：それは

  //attach listener to clusteringend-event 
  google.maps.event.addListener(markerClustererInstance,'clusteringend',function(){ 
  
  //iterate over all clusters 
  var clusters=this.getClusters(); 
  for(var i = 0; i < clusters.length;++i){ 
  
  if(clusters[i].markers_.length > 1 
       && clusters[i].clusterIcon_.div_){ 
  
       // clusters[i].clusterIcon_.div_ is the HTMLElement 
       // that contains the wanted clusterIcon, 
       // you should at first reset here recently applied changes 
  
       if(clusters[i].markers_.indexOf(wantedMarker)>-1){ 
        //the marker has been found, do something with it 
       } 
      } 
  }}); 
  

  クラスタ・アイコンを表します。しかし注意してください。さらに、クラスターアイコン（バウンスなど）の位置を変更するアニメーションがマーカークラスターに干渉する可能性があります。色の変更や背景画像の変更（クラスターアイコン参照divの背景画像です）。