Routes API
DirectionsService.route()
Direction 路線規劃導航
實際呼叫 Routes API 規劃勤崴國際科技 → 台北市政府(中途點)→ 台北 101,並以 mapThree 疊上 3D 車輛做導航跟拍。轉向指示、剩餘時間與距離都是回傳值算出來的。
開始播放即時運算
下面每一支都載入真實的 mapPlus 夜間圖台、實際呼叫 API, 回傳什麼就畫什麼。點進去會直接跳到首頁的演示舞台並從那一支開始播。
Routes API
DirectionsService.route()
實際呼叫 Routes API 規劃勤崴國際科技 → 台北市政府(中途點)→ 台北 101,並以 mapThree 疊上 3D 車輛做導航跟拍。轉向指示、剩餘時間與距離都是回傳值算出來的。
開始播放Map API
mapPlus.GradientCircle
指定台北市政府為基地台,鋪出強/中等/弱三段覆蓋範圍與向外擴散的訊號波。人物走動時即時判定所在區段,跨越邊界就觸發基地台動畫並跳出通知。
開始播放Map API
mapThree.three.add3dModel({ obj })
把一台外部的 glTF 模型載進真實夜間圖台:從勤崴大樓起飛、貼著建物盤旋,高度在 104~138 公尺之間起伏,飛到四個立面的正對方位就停下來掃描。
開始播放Places API
PlacesService.textSearch()
輸入關鍵字後實際呼叫 textSearch(),以指定的中心與半徑查詢。結果依相關度名次顯示在圖上,鏡頭再逐筆巡覽並浮出店名、類別與距離。搜尋中心也能自己換。
開始播放互動體驗
mapThree.three + DirectionsService
五站行程:中正紀念堂、大安森林公園、台北 101、國父紀念館、松山文創園區。自駕模式由 Routes API 逐站規劃、AI 控制油門與方向;手動模式用方向鍵自己開。
開始播放每一支演示的程式碼都在演示舞台的「程式碼」抽屜裡,可以直接複製。 完整的參數與回傳結構請看文件站。