おすすめjQueryプラグインをデモとソースとともに紹介しています。
テキストエリアに入力した住所から緯度・経度を取得、地図上にマーカーと情報ウィンドウを表示。 また、地図をクリックするとクリックした場所にマーカーと情報ウィンドウが表示され、 情報ウィンドウの中に緯度と経度が表示されます。 下の「◆lat(緯度):Lat ◆lng(経度):Lng」の赤い文字の箇所にも表示されます。 参考サイト: ジオコーディング|Google Maps JavaScript API v3|Ajax|PHP & JavaScript Room Google Maps JavaScript API V3 - Google Maps API — Google Developers 住所から緯度・経度を取得する、Googleマップの表示の仕方 Google Maps JavaScript API バージョン 3(V3) での、Googleマップの埋め込み方法をご紹介。 テキストエリ
display:noneの要素にGoogle Mapsを貼り付ける 「jQuery逆引きマニュアル」の読者の方から、「タブパネルにGoogle Maps APIを掲載すると、ポイントが真ん中に表示されず、左上にずれて表示されます」と質問を受けました。 書籍ではタブパネルの作成方法のみを解説しており、Google Maps部分は読者の方の応用ですが、次のような方法で解決可能です。 基本的にGoogle Maps APIをdisplay:noneの要素に貼り付けるそのような状態(ポイントが真ん中に表示されず左上にずれる)になります(1度キャッシュされるとちゃんと表示されると思います)。 サンプル そいうった場合はdisplay:blockにするタイミングで次のような命令を行うとちゃんと表示されるようになります。 google.maps.event.trigger(map, 'resize');
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く