0

marker自動的に更新される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]
    });
}

setIntervaljQueryと組み合わせてaを追加して、buildings[i][7]配列値(上記には含まれていません)を問題のdivのコンテンツと等しくすることを考えています。次に、いくつかの条件ステートメントを実行して、のアイコンを変更するための適切な基準を満たしているかどうかを判断します。マーカー。

しかしその後、動的に更新される値に基づいてマーカーを実際に変更する方法がわかりません。

4

2 に答える 2

2

に関連付けられたアイコンを設定するには、機能Markerを試してくださいMarker.setIcon。次のいずれかのパラメータを受け入れます。

  1. アイコン画像ファイルの相対的な場所を含むA string(コード内のように)、または-
  2. MarkerImageは、アイコン画像の表示方法をより細かく制御できます(アンカー、原点、サイズなど)
于 2012-05-01T18:36:04.777 に答える
0

GoogleAPIドキュメントから

  var beachMarker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
  });
  map.addOverlay (beachMarker );
于 2012-04-27T18:01:41.490 に答える