Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
Google Maps API V3 + Google Directions API
V3のマップにルート案内 (Directions API) を実装しよう。 APIで提供される交通手段は車・徒歩・自転車で、電車や飛行機を使う経路や発着時間を指定しての検索は出来ない。 なのでロサンゼルスから東京に移動するルートなんかを検索すると「太平洋をカヤックで横断する」と出たりする。 遠方の検索は公式の地図検索を使えって事なんだと思う。 解説は抜粋なのでソース全文は記事末尾からダウンロード出来るZipのjsファイルを見てください。 InfoWindowのContentをカスタマイズする 起点となるポイントに表示されるマーカーにInfoWindowを設定して、 以前使われていた「ここへ到着・ここから出発」を表示させる。 InfoWindowコンテンツのHTMLを保存しておくグローバル変数を用意する。 キーで表示するソースを切り替えるので初期値は空のオブジェクト。 var directi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
