hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

googlemap api v3

[2016.11.22 added]

Google Map APIの仕様変更の移行期間が終了。

APIキーが必須に
http://internet.watch.impress.co.jp/docs/special/1029218.html

久しぶりにgooglemaps 画像マーカーを実装。
画像の右下が起点のピンだったのでピン指す部分の始点(アンカー)を指定して実装。

公式に全部ソースがある
マーカー  |  Google Maps JavaScript API  |  Google Developers
https://developers.google.com/maps/documentation/javascript/markers?hl=ja
引っかかったけど「??」ってなったサイト(あとでみたらわかりやすそうだった)
Google Map APIでMapの表示とマーカーのコントロール | スターフィールド株式会社

Google Map APIでMapの表示とマーカーのコントロール

display:noneの要素にGoogle Mapsを貼り付ける – to-R
http://blog.webcreativepark.net/2011/11/10-202705.html
[/2016.11.22 added]

[2014.01.29 added]
随分前の記事みたいだけど超わかりやすい。
スタイルの変更方法と各種埋め込み方の説明されている
Google Maps APIのおさらい。 :
http://lopan.jp/google-maps-api/
[/2014.01.29 added]

[2013.08.06 added]
ジオコーディング利用時のlatlngの設定に注意!
ジオコーディングで帰ってくるlatlngの変数名は定期的に変わる
http://d.hatena.ne.jp/nago75/20110203/1296763001
[/2013.08.06 added]

[2013.06.04 add]
複数マーカーにフィットするように地図の座標、倍率を変更する方法

http://yasuda.iobb.net/wordpress/?p=7031

[/2013.06.04 add]

吹き出しの出し方、カスタマイズなど

吹き出し自体のカスタマイズには、噴出しをgoogleMaps側で調整して出すInfoWindows関数ではなく
なにがしかのオブジェクトを地図上に出すOverlay関連の関数を使用する

本家文献(吹き出しについて)
http://code.google.com/intl/ja/apis/maps/documentation/javascript/overlays.html#InfoWindows

v3の文献
http://googlemaps.googlermania.com/google_maps_api_v3/

http://d.hatena.ne.jp/kitokato+wemap/20110401/1301674442

複数のマーカーと噴出しをだす
http://www.nanchatte.com/map/showDifferentInfoWindowOnEachMarker.html

json読み込み
http://syake-web.com/blog/2011/04/09/js-google-maps-api-v3-4/

マップタイプコントロールの位置変更
http://www.ajaxtower.jp/googlemaps/gmaptype/index5.html

 

 

 


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください