前言 唯傑地圖VJMAP 為CAD圖或自定義地圖格式WebGIS可視化顯示開發提供的一站式解決方案,支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式,它使用 WebGL矢量圖塊和自定義樣式呈現互動式地圖, 提供了全新的大數據可視化可視化功能。 唯傑地圖可視化平臺旨 ...
視頻示例教程
唯傑地圖可視化平臺(vue3+ts)源碼可免費下載!!!
概念
一個地圖通常由底圖、數據源、圖層、UI控制項所組成。
-
底圖指處於所有圖層和圖形最下方的一個圖層。 底圖可以是CAD做為底圖,也可以用互聯網地圖如天地圖、高德地圖做為底圖
-
數據源
地圖將數據供給和圖層渲染做瞭解耦,數據源用於定義底層數據的數據格式和載入方式,基於數據源請求的數據內容,不同的圖層將其中全部或部分數據進行可視化渲染,以此完成整張地圖的繪製。
數據源包括: GeoJSON、柵格瓦片地址、矢量瓦片地址、視頻地址、圖像地址等
-
圖層
圖層是構成地圖的基本單元之一,它們用於定義地圖的外觀和行為。圖層是一組用於顯示數據的可視元素。每個圖層都可以包含不同類型的地理數據,並使用各種繪製樣式呈現。
圖層包括: 矢量數據圖層、柵格圖層、熱力圖圖層、背景圖層等
某些圖層的數據需要和數據源相綁定,當數據源中的數據發生變化了,相應的圖層顯示也會發生變化。
-
UI控制項 主要用於與地圖的交互或信息的展示。如導航條控制項、縮放控制項、全屏控制項、繪圖控制項、小地圖控制項等。
唯傑地圖可視化平臺介紹
新建
選擇底圖
選擇底圖後,可以在地圖樣式
中對地圖樣式進行設置, 在地圖選項
對地圖的初始顯示位置進行設置。
數據源
-
GeoJson數據源:
靜態數據:靜態的geojson數據,可以直接輸入或者在圖上拾取獲取、或隨機生成;
圖形查詢數據:通過後臺查詢CAD圖的數據獲取得指定條件的GeoJSON數據;
圖形繪製數據:通過在圖上繪製不同的圖形獲取到繪製的GeoJSON數據;
動態數據:動態數據是指對Geojson進行一定的處理或定時處理後的GeoJSON數據;
-
WMS數據源:
是指通過WMS疊加CAD圖或互聯網圖的柵格或矢量瓦片地址數據源
-
柵格瓦片數據源
-
矢量瓦片數據源
-
圖像數據源
-
視頻數據源
做為示例,我們選擇geojson靜態數據,隨機生成了一些geojson點數據
圖層
選擇確定後
點擊圖層,可進入圖層詳細設置界面
控制項
邏輯
通過可視化無法配置的邏輯部分,需編寫邏輯代碼
也可以通過工具欄上面下載html
,vue
等相關代碼工程,在vscode等編輯器中實現邏輯代碼編寫,這樣語法提示,調試體驗更佳些。
設置
發佈和導出
臨時修改時,可保存至本地。發佈時將數據保存至服務端即可。
項目管理
回至唯傑地圖可視化首頁,點擊操作按鈕,可以對相應項目進行管理