google maps javascript api v3
TRANSCRIPT
GOOGLE MAPS JAVASCRIPT API V3
路徑規劃
Google Maps Javascript API 第 3 版
已正式取代 Google Maps Javascript API 第 2 版。
這個版本的 Google Maps JavaScript API 不再需要使用 API 金鑰!
V2 版本 要載入 Google Map JavaScript API 的函式庫前,必
須先至 Google Map 開發人員網站 申請一個 API Key ,再用下列語法將函式庫載入:
V3版本
Hello ! Map
SET=TRUE
(24.984493,121.342369)
16
Hello ! Map
建立 DirectionsService 物件 建立類型為 DirectionsService 的物件
並呼叫 DirectionsService.route()
來初始化「導航」服務的要求,傳送包含輸入條件方法, DirectionsRequest 收到回應時並且執行。
DirectionsRequest 物件 {
origin: LatLng | String, destination: LatLng | String, travelMode: TravelMode, unitSystem: UnitSystem, waypoints[]: DirectionsWaypoint, optimizeWaypoints: Boolean, provideRouteAlternatives: Boolean, avoidHighways: Boolean, avoidTolls: Boolean region: String}
主要
代碼
選擇的交通工具
google.maps.TravelMode.DRIVING (默認)表示標準行車路線的道路網絡。
google.maps.TravelMode.BICYCLING 請求通過自行車道和首選的街道上騎自行車的方向 ( 目前只適用於美國 )
選擇的交通工具
google.maps.TravelMode.TRANSIT 請求方向通過公共交通線路。
google.maps.TravelMode.WALKING 請求通過行人路和人行道上行走的方向。
DRIVING( 汽車 )
TRANSIT( 交通工具 )
WALKING( 步行 )
參考範例
參考網站
ASP.NET中使用 V3版本的 Google Maps API http://www.haogongju.net/art/1001767
路線服務 GOOGLE MAPS JAVASCRIPT 第三版 https://developers.google.com/maps/documentat
ion/javascript/directions#Routes
作業
起始位置直接設定自己家 ( 也就是不需要這個欄位 )
目標地址:在這欄位上打一個地址,一樣有規劃路徑這些功能