Google Maps API version3を使ってみる（3）｜LabPad （ラボパッド）
memo 作業内容 前回のGoogle Maps API version3を使ってみる（2）では、マーカーや情報ウィンドウの基本的な表示について学びましたが、今回はマーカーの見せ方とイベントについて調べてみたいと思います。 マーカーの複数表示設定 マーカーのオリジナル画像設定 情報ウィンドウを1つずつしか表示させない設定 マーカークリックでマップを移動させる設定 --- head内に設定等を記述 --- <script type="text/javascript"> // 最後に開いた情報ウィンドウを記憶 var currentInfoWindow = null; function initialize() { var latlng = new google.maps.LatLng(33.593754102476126, 130.38095712661743); var myOptions
Google Maps API で簡単にマーカーを変える方法 « Stop Making Sense
はじめに 今回は Google Maps API のマーカーを、Google Chart API を使ってお手軽に変更する方法を紹介します。 デフォルトのマーカーに対し、色や文字を変える程度であれば、画像ファイルを用意しなくても簡単にマーカーを差し替えることが出来ます。 デフォルトのマーカーを使うときは、次のようにマーカーを作成します。 (デフォルトのマーカーを使う) var marker = new google.maps.Marker({ position: myLatLng, map: map }); これで作成すると、次のようなマーカーが表示されます。 (出典は Google Maps Javascript API V3 Examples の marker-simple.html) また、マーカーに独自の画像を指定することも出来ます。 (画像ファイルを指定) var marker
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
