Googleマップのマーカーアイコン自動変更

Question

自動的に更新されるDOM要素の内部コンテンツに基づいて、Googleマップのアイコンを自動的に変更する必要があります。

私はaddListenerとaddDomListenerのドキュメントを見ましたが、それはすべてマウスオーバーやクリックやものです。問題の要素の純粋なHTMLコンテンツの変更を検出する必要があります。その値が特定の条件を満たす場合は、それに基づいてマーカーのアイコンを変更します。

infowindow=new google.maps.InfoWindow(); 
for (i=0;i<buildings.length;i++){ 
    marker=new google.maps.Marker({ 
     position:new google.maps.LatLng(buildings[i][4],buildings[i][5]), 
     map:map, 
     shadow:shadow, 
     icon:greenIcon, 
     title:buildings[i][0]+" \n"+buildings[i][1], 
     zIndex:buildings[i][6] 
    }); 
} 

を私は疑問にdiv要素の内容に等しくなるように（上記に含まれていない）buildings[i][7]配列値を強制するためにjQueryを使って一緒にsetIntervalを追加する方法について考えています。ここでは

は、私が使用していたコードですいくつかの条件文を実行して、マーカーのアイコンを変更するための適切な基準を満たしているかどうかを判断します。

しかし、その後、動的に更新する値に基づいてマーカーを実際に変更する方法については迷っています。 GoogleのAPIドキュメントから

Answer 1

Marker.setIcon機能を試して、Markerに関連付けられたアイコンを設定します。これは、のいずれかであり得る一つのパラメータを受け入れ：

1. （あなたのコードのように）アイコン画像ファイルの相対的な位置を含む、OR stringから
2. あなたがより詳細に制御できますMarkerImage、（アンカー、原点、サイズなど）アイコン画像がどのように表示されているかを調べる

Answer 2

var beachMarker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     icon: image 
    }); 
    map.addOverlay (beachMarker);