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

作業

起始位置直接設定自己家 ( 也就是不需要這個欄位 )

目標地址：在這欄位上打一個地址，一樣有規劃路徑這些功能