マーカーのドラッグ＆ドロップでGoogle Mapsの緯度経度を測定｜Geocoder
Geocorderについて Google Mapsを利用して、任意の場所の緯度経度を測定できるツールです。 マーカーを任意の場所に設置できるので、詳細な緯度経度の測定が可能です。マーカーは複数設置でき、一度設置したマーカーを動かす事が可能です。 プライバシーポリシー 使い方 マップをクリックすると、マーカーが表示され吹き出しの中に緯度経度が表示されます。 別の地点をクリックすると新たなマーカーが表示されます。先に表示されているマーカは消えません。 マーカーをクリックすると吹き出しの表示 / 非表示が切り替わります。吹き出しは同時に表示させる事ができません。 一度表示されたマーカーはドラッグする事で動かせます。 「目的地」に住所やランドマーク（ex. 東京タワー、大阪城、etc...）を入力すると、地図が移動しそこを中心に設定します。 役立つ時 マッピングしている住所は合っているのに建物が違
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい:phpspot開発日誌
41Latitude - Styled Maps Using Google Maps API Version 3 GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい。 やってみた例が沢山のっています。これでますますマッシュアップが楽しくなるかもしれません。 道路を強調 プレーンな地図 テキストラベルなし 立体表示 都市をドット表示 暗めのマップ 緑とか他の色にもできる 道路なんかもカラーリング 自由度が高くなってますね。競合他社も真似していくのはかなり大変そうです（＾＾；） 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
Googleマップを活用しよう
(1)：ページの文字コードの指定 (2)：APIの読み込み (3)～(4)：Google Maps用プログラム。ここにカスタマイズプログラムを追加する (5)：ページ読み込みが完了したら関数load()を実行、ページが閉じられるときにGUnload()を実行するコマンド (6)：地図の表示位置と表示サイズの指定。ここに地図が表示される ■ 最低限必要なカスタマイズ サンプルHTMLを貼り付けただけの状態では、Windowsでは地図が表示されません。理由は、ウェブページの文字コードがGoogle Mapsと異なっているからです。Google Mapsへ送り込まれる文字コードがutf-8なのに対して、ホームページやブログの文字コードは、Shift_JISやEUC-JPで書かれている場合が多いので表示されないということです。これを解決するには、以下の変更を行います。 サンプルHTMLコード(1)
Google Static Maps API - Google Code
Static Maps API ãããããã¼ ã¬ã¤ã Google Static Maps API ãããããã¼ ã¬ã¤ãã«ãããããGoogle Static Maps API ã使ç¨ããã¨ãçããã®ã¦ã§ããã¼ã¸ã«ã Google ãããã®ç»åãåãè¾¼ããã¨ãã§ãã¾ããJavaScript ãåçãªãã¼ã¸ã®èªã¿è¾¼ã¿ã¯ä¸è¦ã§ããGoogle éçããããµã¼ãã¹ã¯ãæ¨æºã® HTTP è¦æ±ã«ãã£ã¦é
Google Maps API jQuery Pluginを書いてみた | A Day in the Life
February 7, 2010 Google Maps APIのバージョン2は利用していましたが、今さらながらバージョン3がリリースされていたことに気づきました。バージョン3からはAPIキーを取得せずに使えるようになっているので、さらに敷居が低くなりました。 バージョン3からはGPSセンサーを利用出来るようになっていて、最初のコードを呼び出す時の引数にtrueを指定することで機能します。iPhoneやAndroidでの利用では利用価値大になりましたね。 今回は勉強がてらjQueryのプラグインとして書いてみました。 View Demo オプションとして指定出来るものは次の通り 緯度・経度 尺度 左上コントローラーの表示・非表示 右上地図タイプを切り替えるセレクターの表示・非表示 左下の地図のスケール表示の表示・非表示 最初に表示される地図の種類 マーカーの画像 ふきだしのテキスト 最初に
Shawn Mayzes - Google Maps jQuery Plugin
Google Maps jQuery Plugin V1.01 - Shawn Mayzes Google Maps JQuery Plugin Discussion Forums Now Open - They work now! Notice: Works great with jQuery 1.4!! Welcome to the developer documentation for the jQuery Google Maps Plugin! The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. To useThe Google Maps JavaScript API, you need to f
Googleマップの不動産検索が将来こんな風に展開したら不動産屋はとても困るなあと思うこととその予兆 - 不動産屋のラノベ読み
Googleマップで不動産検索が始まりましたね。 今回の不動産検索は、「株式会社ジアース」様とのコンテンツパートナーシップによって、実現しました。 エンジニアたるもの、大規模なデータを目の前にするとつい視覚化してみたくなるものです。 今回は、家賃の分布をヒートマップにして、視覚化してみました。 Google Japan Blog: 地図で探そう。Google マップの「不動産」検索 この「ジアース」さんは、以前の社名を「アイディーユー」と言いまして、Googleストリートビューが上陸する以前に類似のサービスである「ロケーションビュー」を公開していたり、あるいは不動産オークションサイトの代表格「マザーズオークション」を展開したりと、不動産についてユニークな取り組みをしている会社です。 不動産屋は別に困らない 「こんなサービスが始まると、不動産屋さんは大変じゃないの？」と思う人がいるかもしれま
各マップ サービスでは、それぞれどのキーまたは ID を使用すればよいですか？ - よくある質問 - Google Maps API — Google Developers
Send feedback Google Maps Platform FAQ Stay organized with collections Save and categorize content based on your preferences. Getting Started What is the Google Maps Platform? How do I get started with Google Maps Platform? Which API do I need? How do I start using the APIs on my site? Which countries does the Google Maps Platform cover? Can I put Google Maps on my site without using Google Maps P
[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Google Maps API V3を使って地図をお手軽に表示 - Google Mapper V3 [ゼロと無限の間に]
（更新履歴とコメントはGoogle Mapper Archive - ゼロと無限の間のログでどうぞ。） Google Maps APIのバージョン3（V3）が公開されたので、バージョン2用に作ったGoogle Mapperとは別に、Google Maps API V3用の「Google Mapper V3」を書き直した。 これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス（SSLで暗号化されたセキュアなページの表示）など、いろいろなことを手軽に実現できる。 （上記の画像はGoogle Maps API V3ではなくGoogle Static Maps APIで表示している。）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gmap.nurtext.de/index.html
google-earth-travel.net
ローカル ビジネス センター
【みんなの知識 ちょっと便利帳】地図画像を作り携帯サイトなどで使う - Google Static Map API Version2 Wizard
地図とか住所とかから緯度経度を調べるページ
IDEA * IDEA
GPS携帯を使った口コミサイト構築 - PHPによるメールの受信処理 -
