「Google Maps JavaScript API v3」で、マウスオーバー時にマーカー画像（アイコン）を変える。（hoverのような処理）
「Google Maps JavaScript API v3」で、マウスオーバー時にマーカー画像（アイコン）を変える。（hoverのような処理） google mapsで地図上に表示されているマーカーを、マウスオーバー時に変えたい場合の方法です。 意外にこれが、マーカー マウスオーバーとかで検索しても出てこなかったんだなぁ。 マーカーを作るときは例えばこんな感じですよね。（[LatLngオブジェクト]のように記載しているところは、その種類のオブジェクトを渡す、という意味です。） myMarker = new google.maps.Marker({ positon: [LatLngオブジェクト], map:[マーカーを表示する地図], icon:[MarkerImageオブジェクト] }); 上記では最初にマーカーを作るときに「icon」のところで、カスタムの画像を設定するわけです。（画像
ひつじかいの雑記帳 — [Google Maps API] テキスト付きのマーカーの表示
Google Maps APIにて、テキスト付きのマーカーを表示させる方法はいくつかあります。 1．予めテキスト付きの画像を準備しておく 最もシンプルな方法です。例えば、検索した結果の10件を番号（1～10）やアルファベット（A～J）で表示させたい場合などはこの方法で良いでしょう。 2．google-maps-utility-library-v3等に登録されているものを利用する（StyledMarkerなど） ライブラリの利用はお手軽ですが、出来合いのものを利用する関係上、アイコンデザインが限定されるなど自由度はあまり高くありません。しかも、上のStyledMarkerには位置がずれるバグがあるような・・・。 なお、探せば他に良いものが見つかる可能性はあります（LabeledMarkerというのが便利そうなのですが、残念ながら現時点ではv3未対応のようです。少しの修正で対応出来そうですが・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
