Google Maps API
Google Maps オリジナルデザインにカスタマイズ
Google Mapを描画する関数内に http://code.prostaff1.com/sample/10_google-map/styledmaps/ こちらで生成したjsonコードを記入（次のコードは例） // …
埋め込んだGoogle Mapのコントロールアイコンが崩れているとき
自サイトのCSS原因のようです。 参考したサイトでは以下のように指定すると直るとかいてありました。 mapField は表示するGoogle MapのIDに変更して下さい。 #mapField img { max-wid…
GoogleMap 情報ウィンドウを表示させるときの注意
開発中に情報ウィンドウが、一瞬変な所に表示される問題がありました。 これは、情報ウィンドウの場所を開く前に伝えられていなかった事が問題の原因だったようです。 //最初のコード infowindow.setContent(…
google map 上で情報ウィンドウが表示された後すぐに消えてしまう
情報ウィンドウが表示された後、すぐに消えてしまうことがありました。 jQuery(document).ready(function($) { $.ajax({ type: ‘POST’, url: url, dataTy…情報ウィンドウの表示
忘れていたandよく使うので、初歩的な内容ですがハックに残しておきます。 // objectの生成 var infowindow = new google.maps.InfoWindow({ content: ‘hell…Google Mapで表示する情報ウィンドウのデザインをカスタマイズする
Google Map APIで地図上に表示する情報ウィンドウのデザインのカスタマイズは、マーカーの場合とは少し異なります。 マーカーのようにアイコンを指定することはできないようです。 // 情報ウィンドウの中身の設定 v…Google Map 情報ウィンドウの表示と非表示
Google Maps APIで情報ウィンドウを扱う際の表示と非表示についてです。特にcloseの処理を忘れると一度に複数の情報ウィンドウが表示されてしまうこともあるので注意が必要です。 // mapで情報ウィンドウを表…