display:noneの要素にGoogle Mapsを貼り付ける
display:noneの要素にGoogle Mapsを貼り付ける 「jQuery逆引きマニュアル」の読者の方から、「タブパネルにGoogle Maps APIを掲載すると、ポイントが真ん中に表示されず、左上にずれて表示されます」と質問を受けました。 書籍ではタブパネルの作成方法のみを解説しており、Google Maps部分は読者の方の応用ですが、次のような方法で解決可能です。 基本的にGoogle Maps APIをdisplay:noneの要素に貼り付けるそのような状態(ポイントが真ん中に表示されず左上にずれる)になります（１度キャッシュされるとちゃんと表示されると思います）。 サンプル そいうった場合はdisplay:blockにするタイミングで次のような命令を行うとちゃんと表示されるようになります。 google.maps.event.trigger(map, 'resize');
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
Pelfusion - All about technology
The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more
緯度・経度からを住所取得する
Google Maps API V3で、google.maps.Geocoderクラスのgeocode()を使って、緯度・経度から住所を求めるサンプルプログラムです。プログラムに興味はなく、地図上で調べたいだけの場合は緯度・経度・住所・標高を取得するを。住所から緯度経度を求めたい場合は、地名や住所から緯度・経度を取得するを。 function getAddress(latlng) { // ジオコーダのコンストラクタ var geocoder = new google.maps.Geocoder(); // geocodeリクエストを実行。 // 第１引数はGeocoderRequest。緯度経度⇒住所の変換時はlatLngプロパティを入れればOK。 // 第２引数はコールバック関数。 geocoder.geocode({ latLng: latlng }, function(result
最初からマーカー上に情報ウィンドウ（ふきだし）を表示する
最初からマーカー上に情報ウィンドウ（ふきだし）を表示するにはnew google.maps.Marker()でマーカーオブジェクトを生成します。次にnew google.maps.InfoWindow()として新たにウィンドウを生成します。マーカーオブジェクトを生成した後に、ウィンドウオブジェクトのopen()メソッドを使って表示を行います。 Google Maps API プログラミング入門。Google Maps API Expertである勝又雅史氏が最新のAPI ver3やGoogle Maps for Flashなどについて解説しています。 【アマゾンで購入する】 サンプルコード [実行] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Maps API ver 3 Sampl
Google Mapのデザインを変更する方法（StyledMapの使い方） - KAYAC Engineers' Blog
豚を丸焼きにするイベントで日焼けしました。ago（@kyo_ago）です。 すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。 その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。 StyledMapType Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。 色の変更方法 色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。 var styles = [ { // 色を変更する対象の指定（document参照） featureType: "road.local"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript + Ajax 実践サンプル集 - Google Mapsのマーカーに吹き出し(InfoWindow)を表示する
EditRunDemo
汝の隣人のブログを愛せよ | LOVELOG