スポンサードリンク
このデモマップに複数のマーカーを表示させることは出来ますか？・・とのコメントを頂きました。出来ます。基本的にもともとのソースは変更せずに、足りないソースを追加していきます。
1.アイコンの表示設定
地図にどんなアイコンを表示させましょうか。Google Mapの標準アイコンもあれば、自作アイコンなどもありますよね。ここでは、Googel Mapで使用されている標準アイコンを使うことにします。
表現のソースはコチラのページ ”マーカー（アイコン）の種類、画像、サイズ、位置、影を変更する” の「サンプル4」にしましょう。
iPhone（スマートフォン用端末）のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。
青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。
以前の記事「Google Street View（ストリートビュー）のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
Google Maps API v3とは？ 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。
※V2は、2013年11月以降は使用できなくなります。
いきなりサンプル集（example）地図を見るならコチラ
先ずは、テキスト関係（要は参照webページ）を整理。
Geo Blog、ディスカッショングループやオープンソースを覗いてみる。読み物として面白いかも。
参照webページを整理。
参照webページを整理。
bicycling （自転車）は、現在米国でのみ利用なのでscriptから削除しないとエラー先ずは、テキスト関係（要は参照webページ）を整理。
その他参照
◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。
通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone（アイフォン）等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。
それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。
ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。
（1）ズームレベルを指定する
スポンサードリンク
