Google Maps API V3 基本的な使用方法と設定についてのまとめ
APIの呼び出し方からマーカークリックで情報ウィンドウを表示するまでの基本的な使い方について、オプション設定の仕方を含めてまとめてみた。 Webサイトへの導入 API呼び出すscriptタグとwindow.onloadで実行される関数書いて～という手順はV2とまったく同じ。 シンプルな地図を表示するサンプル 下記ソースを元に解説します。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps JavaScript API v3 Example</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/jav
べらぼうに簡単にストリートビューを表示できるJavaScript「stview.js」
twitter facebook hatena google pocket ストリートビューを表示させたいという思いがあるかもしれません。 そんな時はstview.jsを利用すると3行追加するだけで表示することが可能です。 sponsors 使用方法 stview.jsからファイルをダウンロードします。 <script type="text/javascript" src="stview.js"></script> <div class="$stview" width="400" height="300">住所</div> <script>$stview.parse();</script> 住所には緯度経度を入力しても可能です。 <div class="$stviewLatLon">42.375248, -71.115133</div> これで終りです。 べらぼうに簡単にストリートビューを
Googleマップを一枚の画像で保存する·Google Map Buddy MOONGIFT
Googleマップはとても便利なWebアプリケーションだが、コンピュータの画面では全体を見るには小さ過ぎる。もっと全体を見つつ、細部まで確認できる方法があると良い。そこで使えるのは紙に印刷するという方法だ。 ドラッグでダウンロードエリアを指定できる アナログではあるが紙に印刷すると解像度が細かくとも確認できるようになる。Ajaxを多用したGoogleマップだけに印刷は難しいが、Google Map Buddyを使えば簡単だ。 今回紹介するフリーウェアはGoogle Map Buddy、Googleマップ指定部分をダウンロードするソフトウェアだ。 Google Map Buddyはステップ的に実行していくだけで簡単にGoogleマップのダウンロードが出来るソフトウェアだ。まず内蔵のブラウザを使ってダウンロードしたい場所を表示する。次にドラッグしてダウンロードするエリアを指定する。 保存は一枚
Tour de France - Live Tracker 2008
Tour de France 2008 - Live Tracker Ubilabs - Location Based Media Monitor the position of riders live on an interactive Google Map TDF Blog: “Using rider GPS and heart-rate monitor data, Ubilabs has set up a cool Tour tracker that lets you monitor the position of 8 riders. Very cool!” LBS Zone: “The massive public interest that has been aroused so far is a proof for the success of the collabor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GPSMapのエンジンオリジナル化。
IDEA * IDEA