Skip to main content

介紹

mapThree 是 mapPlus 的擴展框架，提供對 THREE.js 的支持，讓開發者能夠輕鬆在地圖上導入和渲染 3D 模型。

透過 mapThree，你可以在 mapPlus 的基礎上，實現更豐富的三維視覺效果，如建築模型、動態物件等，使地圖應用更具沉浸感和互動性。

安裝​

使用 CDN 引入​

<script src="https://kw3dmap.localking.com.tw/openapi/loader/mapPlus-1.3.9.loader.js" crossorigin="anonymous" referrerpolicy="origin"></script>

初始化​

初始化方式與 mapPlus 相同，引入 mapThree 後，於註冊頁面取得專屬的 Key 和 Token 後，即可開始建立地圖。

const map = await new mapThree(document.getElementById('map'), {
  accessKey: 'get_your_key',
  accessToken: 'get_your_token',
  style: 'https://kw3dmap.localking.com.tw/openapi/map/kwmap.etxt',
  center: [121.53559860212545, 25.029308142529132],
});