Google Mapsのマーカーに重なり順を指定する (2010年12月21日の記事転載)
Googleマップ上のマーカーはデフォルトで
より南の方が上に重ねて表示されるように設定されているようです。
この重なり順を変更したい場合はzIndexProcessを指定してあげればいいようですが
マーカーをカスタマイズしている場合
GMarkerの引数2つ目が衝突してしまい
どうやって指定してあげればいいかしばし悩みました
var c_icon = new GIcon(); c_icon.image = "画像"; c_icon.iconSize = new GSize(幅,高さ); var marker = new GMarker(latlng,c_icon);
以下のように指定してあげると、アイコンの重なり順とカスタマイズがうまくいきます
var c_icon = new GIcon(); c_icon.image = "画像"; c_icon.iconSize = new GSize(幅,高さ); var zindex = 5; //zindexの値が大きいほど重なり順が上になります var markerOptions = {zIndexProcess:function(){return zindex;},icon:c_icon}; var marker = new GMarker(latlng,markerOptions);
同じように悩んでいる方の為にメモです