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');
TechCrunch | Startup and Technology News
The event horizon for when we can expect to end up in (literal) hot water when it comes to climate has come a lot closer. You wanna know how close? The climate deadline is close enough that it is inte NASA has announced Space Act agreements with seven private space companies in the hopes of spurring tech developments the government may invest in down the line, from space stations to human transpor
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
11 Helpful jQuery Google Maps Plugins and Tutorials – Pelfusion.com
jQuery Google maps are very easy to use technique and popular among the users to locate a specific location on the world map. Which can easily be done using some of jQuery Google Maps plugins. Companies are integrating Google maps on their websites to help people know where they are located. Though it is very simple map but complexity comes in when you want to integrate it. But this complex proces
ファミコン版 Google マップ 8 ビットができました。
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Flightradar24.com
Flightradar24 is the best live flight tracker that shows air traffic in real time. Best coverage and cool features!
GoogleMapsAPI有料化に関して調べてみた - もぎゃろぐ
ブログやWEBサイトに地図を表示することが出来て大変便利なGoogleMapsAPIに関して、Googleが有料化を発表したのでビックリしました。 Googleは、Google Maps APIの利用規約を今年4月に改定し、10月1日から同APIの利用上限を定めることを発表していた。 現時点で利用上限を超過しても、即座に課金されることはない。利用者には、APIの利用状況を確認する期間が与えられる。その上で、利用上限を超えている場合には「2012年初めごろ」から強制的に課金されるとしている。その場合は、最低30日前に通知されるとしている。 (Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始 -INTERNET Watch) 今一番知りたいことは「どれくらい使ったら課金されるようになるのか」だと思うのですが、自分が調べた範囲では、あまり気にしなくて
地図上で2点間の直線距離を測る【みんなの知識 ちょっと便利帳】
Ⓐ、Ⓑ に住所、ランドマーク、緯度経度のいずれかを入力し、［計測する］をクリックすると地図上のマーカー［］［］で示された2点間の「大圏航路」「等角航路」を描画し距離を表示します。 マーカーをドラッグし、［計測する］を押すと航路を再描画します。 子午線をまたいでマーカーをドラッグした場合、航路の線が正しく描けないことがあります。 緯度経度で検索する場合は E139.45.56.9N35.41.0.7 （東経 139度45分56.9秒、北緯 35度41分0.7秒）のように入力してください。 ［世界］にチェックを入れると、ロンドン、モスクワなど、海外の地名で検索できる場合があります。 特定のキーワードで、目的の検索ができない場合があるようです。 地図左上のマーカー［］をクリックすると「現在地」へ移動します。「現在地」は、ご利用のプロバイダーのIPアドレス情報を使い大まかな位置情報を割り出すため、
緯度・経度からを住所取得する
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ページを開く
ドラクエ仕様のGoogle Mapで本当に遊べるゲームが登場 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
Engadget | Technology News & Reviews
google-maps-utility-library-v3 - Project Hosting on Google Code
Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始 
地図に円を描く (Google Maps API V3版)
8. 緯度経度の値から逆ジオコーディングする googlemapsAPI講座 mapon.me
JavaScript + Ajax 実践サンプル集 - Google Mapsのマーカーに吹き出し(InfoWindow)を表示する
EditRunDemo
汝の隣人のブログを愛せよ | LOVELOG