Google Maps API(17)

17follower
harada さんのアバター 5views

埋め込んだGoogle Mapのコントロールアイコンが崩れているとき

自サイトのCSS原因のようです。 参考したサイトでは以下のように指定すると直るとかいてありました。 mapField は表示するGoogle MapのIDに変更して下さい。 #mapField img { max-width:... 2016年12月2日
nissy さんのアバター 80views

GoogleMap 情報ウィンドウを表示させるときの注意

開発中に情報ウィンドウが、一瞬変な所に表示される問題がありました。 これは、情報ウィンドウの場所を開く前に伝えられていなかった事が問題の原因だったようです。 //最初のコード infowindow.setContent(); marker... 2016年7月15日
kentomurata さんのアバター 38views

google map 上で情報ウィンドウが表示された後すぐに消えてしまう

情報ウィンドウが表示された後、すぐに消えてしまうことがありました。 jQuery(document).ready(function($) { $.ajax({ type: 'POST', url: ur... 2016年7月12日
nissy さんのアバター 18views

情報ウィンドウの表示

忘れていたandよく使うので、初歩的な内容ですがハックに残しておきます。 // objectの生成 var infowindow = new google.maps.InfoWindow({ content: 'hello', p... 2016年7月7日
kentomurata さんのアバター 432views

Google Mapで表示する情報ウィンドウのデザインをカスタマイズする

Google Map APIで地図上に表示する情報ウィンドウのデザインのカスタマイズは、マーカーの場合とは少し異なります。 マーカーのようにアイコンを指定することはできないようです。 // 情報ウィンドウの中身の設定 var infoWi... 2016年6月14日
kentomurata さんのアバター 50views

Google Map 情報ウィンドウの表示と非表示

Google Maps APIで情報ウィンドウを扱う際の表示と非表示についてです。特にcloseの処理を忘れると一度に複数の情報ウィンドウが表示されてしまうこともあるので注意が必要です。 // mapで情報ウィンドウを表示するマップの指定... 2016年5月30日
harada さんのアバター 102views

Googleマップの色やスタイルを簡単にテストできる「スタイル化マップ ウィザード」

Google Maps APIで作成しているGoogleマップは、地形の色やラベルの色を自由に変更することができます。 0から変更していきたいという場合は以下のサイトが分かりやすかったです。 Googleマップをイラストマップみたいに... 2016年5月26日
nissy さんのアバター 15views

Get_Bounds()の使用上の注意

get_Bounds()を使えば、右上及び左下の座標を取ることが可能です。しかし、これを用いて実際値を取得しようとしたのですが上手くいかず、、、、 結果として原因は、地図のズーム処理によるものでした。getBounds() を使用する場... 2016年4月28日
harada さんのアバター 21views

Google mapの情報ウインドウのCloseボタンをカスタマイズする

CSSに以下を加えます .gm-style-iw + div img { display: none; } .gm-style-iw + div &:after { content: '×'; font-size: 20px;... 2016年4月25日
nissy さんのアバター 1,058views

Google Map エラー対処

まず自分で処理できたエラーから。 You have included the Google Maps API multiple times on this page これは、index.html内でGoogle MapのAPIを複数回... 2016年4月4日
nissy さんのアバター 218views

Google Map カスタマイズ icon編

function create_marker(lat, lng, title) { var icon = new google.maps.MarkerImage('iconのurl'(pathでもok), /*アイコ... 2016年4月4日
nissy さんのアバター 36views

Google Mapのカスタマイズ MapStyle編

var styleOptions =[ .........(適当なコード) ]; var styledMapOptions = {name: '適当につけてOK '}; var sampleType = new google.maps.St... 2016年4月4日
YY3ai2ui24 さんのアバター 71views

Googleマップで表示領域に中にマーカーがあるかどうか

mapとmarkerは定義しれあるものとします。 mapからgetBoundsで表示領域を取得し表示領域の中にcontains関数でバウンスの中に含まれるかどうかを判定します。 containsの引数はlatlngオブジェクトで、lat... 2016年1月29日
harada さんのアバター 616views

Google Map内でのドラッグとスクロール操作を無効にする

mapTypeId: google.maps.MapTypeId.ROADMAPなどが書いてある部分に以下の該当オプションを付け加えることで、Googleマップ内でのドラッグやスクロール操作を無効にできます。 Google map 内での... 2015年12月17日
harada さんのアバター 202views

Google Maps APIでinfoWindowのサイズがどうしても変わらない場合の対処方法

Google Maps APIのinfoWindowを利用することで、地図に吹き出しをつけることができます。 通常のスタイル利用の場合はいいのですが、この吹き出しのスタイルをカスタマイズしようと思うとかなり骨が折れます。 infoWind... 2015年10月22日
harada さんのアバター 352views

Bootstrapを利用していて印刷時にGoogleマップが潰れてしまうとき

表示は正常なのに、印刷プレビューを表示するとGoogleマップが潰れてしまう、表示されないというときはBootstrapが原因かもしれません。 具体的にはBootstrap.cssの以下のコードが作用してしまっているようです。 @med... 2015年9月8日
高瀬 裕介 さんのアバター 289views

Google Maps APIで地図とピンの表示

まずは必要なライブラリの読み込み <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type... 2015年5月25日