Google Maps API V3 + Google Directions API
V3のマップにルート案内 (Directions API) を実装しよう。 APIで提供される交通手段は車・徒歩・自転車で、電車や飛行機を使う経路や発着時間を指定しての検索は出来ない。 なのでロサンゼルスから東京に移動するルートなんかを検索すると「太平洋をカヤックで横断する」と出たりする。 遠方の検索は公式の地図検索を使えって事なんだと思う。 解説は抜粋なのでソース全文は記事末尾からダウンロード出来るZipのjsファイルを見てください。 InfoWindowのContentをカスタマイズする 起点となるポイントに表示されるマーカーにInfoWindowを設定して、 以前使われていた「ここへ到着・ここから出発」を表示させる。 InfoWindowコンテンツのHTMLを保存しておくグローバル変数を用意する。 キーで表示するソースを切り替えるので初期値は空のオブジェクト。 var directi
移動ルートの取得 (DirectionService)
２地点を指定して、移動ルートを地図上に表示させるサンプルです。今回はサッポロビール園からＪＲ札幌駅まで。行きは早く飲みたいからバスかタクシーで、帰りは酔い覚ましに歩き…ですよね！？ <script type='text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width:740px; height:400px;"><br /></div> <script type="text/javascript"> var From = "北海道札幌市東区北七条東9-2-10"; var To = "札幌駅"; var myMap = new google.maps.Map(document.getElementById("map"), { mapTypeId:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
