前言
唯杰地圖VJMAP 為CAD圖或自定義地圖格式WebGIS可視化顯示開發提供的一站式解決方案,支持的格式如常用的AutoCAD的DWG格式檔案、GeoJSON等常用GIS檔案格式,它使用 WebGL矢量圖塊和自定義樣式呈現互動式地圖, 提供了全新的大資料可視化可視化功能,
唯杰地圖可視化平臺旨在打造出一個直觀、易于操作的地圖展示界面, 為用戶提供一種簡便、高效、精準的CAD地圖Web可視化方案,打造出CAD圖WEBGIS低碼平臺,
視頻示例教程 唯杰地圖可視化之停車場路徑規劃 https://www.bilibili.com/video/BV1oX4y1r7L3/
唯杰地圖可視化平臺(vue3+ts)原始碼可免費下載!!!
概念
一個地圖通常由底圖、資料源、圖層、UI控制元件所組成,
-
底圖
底圖指處于所有圖層和圖形最下方的一個圖層, 底圖可以是CAD做為底圖,也可以用互聯網地圖如天地圖、高德地圖做為底圖
-
資料源
地圖將資料供給和圖層渲染做了解耦,資料源用于定義底層資料的資料格式和加載方式,基于資料源請求的資料內容,不同的圖層將其中全部或部分資料進行可視化渲染,以此完成整張地圖的繪制,
資料源包括: GeoJSON、柵格瓦片地址、矢量瓦片地址、視頻地址、影像地址等
-
圖層
圖層是構成地圖的基本單元之一,它們用于定義地圖的外觀和行為,圖層是一組用于顯示資料的可視元素,每個圖層都可以包含不同型別的地理資料,并使用各種繪制樣式呈現,
圖層包括: 矢量資料圖層、柵格圖層、熱力圖圖層、背景圖層等
某些圖層的資料需要和資料源相系結,當資料源中的資料發生變化了,相應的圖層顯示也會發生變化,
-
UI控制元件 主要用于與地圖的互動或資訊的展示,如導航條控制元件、縮放控制元件、全屏控制元件、繪圖控制元件、小地圖控制元件等,
唯杰地圖可視化平臺介紹
新建

選擇底圖

選擇底圖后,可以在地圖樣式中對地圖樣式進行設定, 在地圖選項對地圖的初始顯示位置進行設定,
資料源

-
GeoJson資料源:
靜態資料:靜態的geojson資料,可以直接輸入或者在圖上拾取獲取、或隨機生成;
圖形查詢資料:通過后臺查詢CAD圖的資料獲取得指定條件的GeoJSON資料;
圖形繪制資料:通過在圖上繪制不同的圖形獲取到繪制的GeoJSON資料;
動態資料:動態資料是指對Geojson進行一定的處理或定時處理后的GeoJSON資料;
-
WMS資料源:
是指通過WMS疊加CAD圖或互聯網圖的柵格或矢量瓦片地址資料源
-
柵格瓦片資料源
-
矢量瓦片資料源
-
影像資料源
-
視頻資料源
做為示例,我們選擇geojson靜態資料,隨機生成了一些geojson點資料


圖層

選擇確定后

點擊圖層,可進入圖層詳細設定界面

控制元件

邏輯
通過可視化無法配置的邏輯部分,需撰寫邏輯代碼

也可以通過工具列上面下載html,vue等相關代碼工程,在vscode等編輯器中實作邏輯代碼撰寫,這樣語法提示,除錯體驗更佳些,
設定

發布和匯出

臨時修改時,可保存至本地,發布時將資料保存至服務端即可,
專案管理
回至唯杰地圖可視化首頁,點擊操作按鈕,可以對相應專案進行管理

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/548985.html
標籤:其他
上一篇:用三種方式實作簡易及計算器
