eeGeo- 結合 leaflet.js 的 3D 圖資服務

網址：https://www.wrld3d.com/

2021-10-02 09:21:00

eeGeo 是一個結合 leaflet.js 圖資的 3D 地圖服務，只要透過簡單的安裝就能夠在地圖上顯示 3D 的建築物，不過 3D 模型的部分好像還沒有全世界都很完善，要使用的時候要注意一下。

服務有基本的免費額度，可以先玩看看再視情況是否要加到自己想做的服務上。

<!DOCTYPE HTML>
<html>
  <head>
    <script src="https://cdn-webgl.eegeo.com/eegeojs/early_access/latest/eegeo.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" rel="stylesheet" />
  </head>
  <body>
  <div id="content" style="position: relative">
    <div id="map" style="height: 400px"></div>
    <script>
      var map = L.eeGeo.map("map", "your_api_key_here", {
        center: [37.7858, -122.401],
        zoom: 12
      });
    </script>

  </div>
  </body>
</html>

[WordPress] 使用 bloginfo() 取得網站相關資料 illustAC- 日本免費向量圖片資源庫，可商用免標註出處

你可能也會喜歡的

[PHP, JS] 解決手機上傳圖片時照片旋轉 90 度的問題

Albe Timeline- 透過 JSON 就能快速建立時間軸的 jQuery Plugin

[javascript] 移除陣列物件裡有重複的值的方法

JavaScript30- 用 30 天 30 個挑戰來精進你的 javascript

[javascript] 檢查物件裡面是否有重複的 key

vidbg.js- 簡單好用的網頁背景影片播放套件

課程推薦

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。