博客 / 列表

map_3d_vis - JSAPIThree 加載單體三維模型學習筆記:SimpleModel 簡易加載方式

在三維場景中加載模型是最常見的需求之一。雖然可以直接使用 Three.js 的 GLTFLoader,但在不同投影方式下需要手動處理座標轉換,比較麻煩。今天就來學習 mapvthree 提供的 SimpleModel 類,看看它是如何簡化這個過程的。 瞭解 SimpleModel SimpleModel 是 mapvthree 對 Three.js 模型加載的封裝,主要解決了以下問題: 原生

前端

map_3d_vis - JSAPIThree 加載 3D Tiles 學習筆記:大規模三維場景渲染

在實際項目中,我們經常需要加載大規模的三維場景數據,比如城市建築模型、地形數據等。3D Tiles 是 Cesium 提出的開放標準,用於高效地流式傳輸和渲染大量 3D 內容。今天就來學習一下如何在 mapvthree 中使用 3D Tiles。 瞭解 3D Tiles 3D Tiles 是一種用於流式傳輸和渲染大量 3D 內容的開放標準,具有以下特點: 層次化結構:使用空間層次結構組織

前端

map_3d_vis - JSAPIThree 加載 WMS、WMTS 和通用柵格圖學習筆記:標準地圖服務與切圖規則

在實際項目中,我們經常需要加載各種標準地圖服務,比如 WMS、WMTS,或者自定義的 XYZ 格式瓦片。今天就來學習一下如何在 mapvthree 中使用這些服務,以及理解不同的瓦片切圖規則。 瞭解標準地圖服務 在 GIS 領域,有幾種常見的地圖服務標準: WMS(Web Map Service):Web 地圖服務,通過 HTTP 請求獲取地圖圖片 WMTS(Web Map Tile

前端

map_3d_vis - JSAPIThree 加載天地圖學習筆記:使用天地圖影像服務

作為一個剛開始學習 mapvthree 的小白,今天要學習加載天地圖了!聽説這個功能可以加載天地圖的影像服務,作為場景的底圖!想想就期待! 第一次聽説天地圖加載 今天在文檔裏看到了"天地圖"這個詞,一開始我還以為是某個地圖庫,結果查了一下才知道,原來這是國家基礎地理信息中心提供的地圖服務! 文檔説天地圖加載可以: 加載天地圖影像服務 需要配置 token 可以作為場景的底圖 我的理

前端

map_3d_vis - JSAPIThree 加載 Mapbox 數據學習筆記:使用 Mapbox 矢量瓦片地圖

作為一個剛開始學習 mapvthree 的小白,今天要學習加載 Mapbox 數據了!聽説這個功能可以加載 Mapbox 的矢量瓦片地圖,還能自定義樣式!想想就期待! 第一次聽説 Mapbox 數據加載 今天在文檔裏看到了"Mapbox"這個詞。文檔説 Mapbox 數據加載可以: 加載 Mapbox 官方地圖 支持自定義 MVT 路徑 需要配置 AccessToken 我的理解:

前端

map_3d_vis - JSAPIThree 加載 Cesium 數據學習筆記:使用 Cesium 地形和影像服務

作為一個剛開始學習 mapvthree 的小白,今天要學習加載 Cesium 數據了!聽説這個功能可以加載真實的地形數據,還能使用 Cesium 的影像服務!想想就期待! 第一次聽説 Cesium 數據加載 今天在文檔裏看到了"Cesium"這個詞。文檔説 Cesium 數據加載可以: 加載真實的地形數據 使用 Cesium 的影像服務 支持 Cesium Ion 服務 需要配置

前端

map_3d_vis - JSAPIThree 數據源系統學習筆記:讓數據在地圖上可視化

作為一個剛開始學習 mapvthree 的小白,今天要學習數據源系統了!聽説這個系統可以把各種格式的數據加載到地圖上,還能讓數據可視化!想想就實用! 第一次聽説數據源系統 今天在文檔裏看到了"數據源"這個詞,一開始我還以為是數據庫,結果查了一下才知道,原來這是用來存儲和加載地理數據的系統! 文檔説數據源系統可以: 存儲帶座標信息的數據 支持多種數據格式(GeoJSON、JSON、CSV

前端

map_3d_vis - JSAPIThree 天空和天氣系統學習筆記:營造真實的環境氛圍

作為一個剛開始學習 mapvthree 的小白,今天要學習天空和天氣系統了!聽説這個系統可以讓場景更有氛圍感,還能模擬真實的天氣效果!想想就期待! 第一次聽説天空系統 今天在文檔裏看到了"天空"這個詞,一開始我還以為是背景色,結果查了一下才知道,原來這是用來營造場景氛圍的環境系統! 文檔説天空系統可以: 提供場景的背景和光照 模擬真實的晝夜交替 營造不同的氛圍感 配合天氣系統實現雨

前端

map_3d_vis - JSAPIThree UI 控件學習筆記:用內置控件提升交互

作為剛接觸 mapvthree 的新手,今天我專門學習了 UI 控件模塊。這裏整理出最常用的控件和實用技巧,幫助和我一樣的初學者快速上手。 控件管理入口:engine.widgets mapvthree 中的控件由 EngineWidgets 管理,實例化後可以通過 engine.widgets 訪問。控件分兩種啓用方式: 初始化時配置:在 new Engine() 時,通過 widge

前端

map_3d_vis - JSAPIThree 事件系統學習筆記:處理交互的基礎

作為剛接觸 mapvthree 的新手,今天我專門學習了事件系統。這裏彙總最實用的內容,幫助和我一樣的初學者快速掌握交互的核心用法。 綁定與移除事件,只需記住 add/remove mapvthree 複用了 Three.js 的 addEventListener / removeEventListener,所以任何繼承自 Object3D 的對象都能直接綁定事件。引擎內部的調度器會幫我們處

前端

map_3d_vis - JSAPIThree 標籤使用學習筆記:在地圖上添加文字和圖標

作為一個剛開始學習 mapvthree 的小白,今天要學習標籤功能了!聽説這個功能可以在地圖上添加文字和圖標,用來顯示地點名稱、數值信息等!想想就實用! 第一次聽説標籤功能 今天在文檔裏看到了"標籤"這個詞,一開始我還以為是 HTML 的標籤,結果查了一下才知道,原來這是在地圖上顯示文字和圖標的功能! 文檔説標籤可以: 展示地點名稱 顯示數值信息 顯示狀態提示 添加圖標和文字組合

前端

map_3d_vis - JSAPIThree 地圖投影學習筆記:理解座標系統

作為一個剛開始學習 mapvthree 的小白,今天要學習地圖投影了!聽説這個系統可以控制地圖的座標系統,不同的投影方式有不同的效果!想想就好奇! 第一次聽説地圖投影 今天在文檔裏看到了"投影"這個詞,一開始我還以為是投影儀那種投影,結果查了一下才知道,原來這是地圖學裏的概念! 文檔説地圖投影是: 將地球表面的地理座標(經緯度)轉換為平面座標的數學方法 不同的投影方式適合不同的應用場景

前端