Google Maps API
Google mapの情報ウインドウのCloseボタンをカスタマイズする
CSSに以下を加えます .gm-style-iw + div img { display: none; } .gm-style-iw + div &:after { content: ‘×’; font-size…Google Map エラー対処
まず自分で処理できたエラーから。 You have included the Google Maps API multiple times on this page これは、index.html内でGoogle Mapの…Google Map カスタマイズ icon編
function create_marker(lat, lng, title) { var icon = new google.maps.MarkerImage(‘iconのurl'(pathでもok), /*アイコンの…Google Mapのカスタマイズ MapStyle編
var styleOptions =[ ………（適当なコード） ]; var styledMapOptions = {name: ‘適当につけてOK ‘}; var sampleType = new goog…
Googleマップで表示領域に中にマーカーがあるかどうか
mapとmarkerは定義しれあるものとします。 mapからgetBoundsで表示領域を取得し表示領域の中にcontains関数でバウンスの中に含まれるかどうかを判定します。 containsの引数はlatlngオブジ…Google Map内でのドラッグとスクロール操作を無効にする
mapTypeId: google.maps.MapTypeId.ROADMAPなどが書いてある部分に以下の該当オプションを付け加えることで、Googleマップ内でのドラッグやスクロール操作を無効にできます。 Googl…Google Maps APIでinfoWindowのサイズがどうしても変わらない場合の対処方法
Google Maps APIのinfoWindowを利用することで、地図に吹き出しをつけることができます。 通常のスタイル利用の場合はいいのですが、この吹き出しのスタイルをカスタマイズしようと思うとかなり骨が折れます。…