即時運算

不是錄影,是真的在跑

下面每一支都載入真實的 mapPlus 夜間圖台、實際呼叫 API, 回傳什麼就畫什麼。點進去會直接跳到首頁的演示舞台並從那一支開始播。

Routes API

DirectionsService.route()

Direction 路線規劃導航

實際呼叫 Routes API 規劃勤崴國際科技 → 台北市政府(中途點)→ 台北 101,並以 mapThree 疊上 3D 車輛做導航跟拍。轉向指示、剩餘時間與距離都是回傳值算出來的。

  • 中途點
  • 逐段導航
  • 3D 跟拍
開始播放

Map API

mapPlus.GradientCircle

GradientCircle 訊號覆蓋

指定台北市政府為基地台,鋪出強/中等/弱三段覆蓋範圍與向外擴散的訊號波。人物走動時即時判定所在區段,跨越邊界就觸發基地台動畫並跳出通知。

  • 漸層圓
  • 區段判定
  • 即時通知
開始播放

Map API

mapThree.three.add3dModel({ obj })

3D 模型無人機巡檢

把一台外部的 glTF 模型載進真實夜間圖台:從勤崴大樓起飛、貼著建物盤旋,高度在 104~138 公尺之間起伏,飛到四個立面的正對方位就停下來掃描。

  • glTF
  • 航線
  • 四立面巡檢
開始播放

Places API

PlacesService.textSearch()

Text Search 關鍵字搜尋

輸入關鍵字後實際呼叫 textSearch(),以指定的中心與半徑查詢。結果依相關度名次顯示在圖上,鏡頭再逐筆巡覽並浮出店名、類別與距離。搜尋中心也能自己換。

  • 關鍵字
  • 半徑
  • 逐筆巡覽
開始播放

互動體驗

mapThree.three + DirectionsService

3D 車輛駕駛體驗

五站行程:中正紀念堂、大安森林公園、台北 101、國父紀念館、松山文創園區。自駕模式由 Routes API 逐站規劃、AI 控制油門與方向;手動模式用方向鍵自己開。

  • 五站任務
  • 自駕/手動
  • 氮氣加速
開始播放

看完了,接下來就是接上去

每一支演示的程式碼都在演示舞台的「程式碼」抽屜裡,可以直接複製。 完整的參數與回傳結構請看文件站。

地圖平台 API 文件看解決方案