前言
? 唯杰地圖VJMAP 為CAD圖或自定義地圖格式WebGIS可視化顯示開發(fā)提供的一站式解決方案，支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式，它使用 WebGL矢量圖塊和自定義樣式呈現(xiàn)交互式地圖, 提供了全新的大數(shù)據(jù)可視化可視化功能。
? 唯杰地圖可視化平臺旨在打造出一個直觀、易于操作的地圖展示界面， 為用戶提供一種簡便、高效、精準(zhǔn)的CAD地圖Web可視化方案，打造出CAD圖WEBGIS低碼平臺。
視頻示例教程 唯杰地圖可視化之停車場路徑規(guī)劃 https://www.bilibili.com/video/BV1oX4y1r7L3/
唯杰地圖可視化平臺（vue3+ts）源碼可免費下載!!!
概念
一個地圖通常由底圖、數(shù)據(jù)源、圖層、UI控件所組成。
-
底圖
底圖指處于所有圖層和圖形最下方的一個圖層。 底圖可以是CAD做為底圖，也可以用互聯(lián)網(wǎng)地圖如天地圖、高德地圖做為底圖
-
數(shù)據(jù)源
地圖將數(shù)據(jù)供給和圖層渲染做了解耦，數(shù)據(jù)源用于定義底層數(shù)據(jù)的數(shù)據(jù)格式和加載方式，基于數(shù)據(jù)源請求的數(shù)據(jù)內(nèi)容，不同的圖層將其中全部或部分?jǐn)?shù)據(jù)進(jìn)行可視化渲染，以此完成整張地圖的繪制。
數(shù)據(jù)源包括： GeoJSON、柵格瓦片地址、矢量瓦片地址、視頻地址、圖像地址等
-
圖層
圖層是構(gòu)成地圖的基本單元之一，它們用于定義地圖的外觀和行為。圖層是一組用于顯示數(shù)據(jù)的可視元素。每個圖層都可以包含不同類型的地理數(shù)據(jù)，并使用各種繪制樣式呈現(xiàn)。
圖層包括： 矢量數(shù)據(jù)圖層、柵格圖層、熱力圖圖層、背景圖層等
某些圖層的數(shù)據(jù)需要和數(shù)據(jù)源相綁定，當(dāng)數(shù)據(jù)源中的數(shù)據(jù)發(fā)生變化了，相應(yīng)的圖層顯示也會發(fā)生變化。
-
UI控件
主要用于與地圖的交互或信息的展示。如導(dǎo)航條控件、縮放控件、全屏控件、繪圖控件、小地圖控件等。
唯杰地圖可視化平臺介紹
新建
選擇底圖
選擇底圖后，可以在地圖樣式中對地圖樣式進(jìn)行設(shè)置， 在地圖選項對地圖的初始顯示位置進(jìn)行設(shè)置。
數(shù)據(jù)源
- GeoJson數(shù)據(jù)源：
靜態(tài)數(shù)據(jù)：靜態(tài)的geojson數(shù)據(jù)，可以直接輸入或者在圖上拾取獲取、或隨機生成；
圖形查詢數(shù)據(jù)：通過后臺查詢CAD圖的數(shù)據(jù)獲取得指定條件的GeoJSON數(shù)據(jù)；
圖形繪制數(shù)據(jù)：通過在圖上繪制不同的圖形獲取到繪制的GeoJSON數(shù)據(jù)；
動態(tài)數(shù)據(jù)：動態(tài)數(shù)據(jù)是指對Geojson進(jìn)行一定的處理或定時處理后的GeoJSON數(shù)據(jù)；
- WMS數(shù)據(jù)源：
是指通過WMS疊加CAD圖或互聯(lián)網(wǎng)圖的柵格或矢量瓦片地址數(shù)據(jù)源
- 柵格瓦片數(shù)據(jù)源
- 矢量瓦片數(shù)據(jù)源
- 圖像數(shù)據(jù)源
- 視頻數(shù)據(jù)源
做為示例，我們選擇geojson靜態(tài)數(shù)據(jù)，隨機生成了一些geojson點數(shù)據(jù)
圖層
選擇確定后
點擊圖層，可進(jìn)入圖層詳細(xì)設(shè)置界面
控件
邏輯
通過可視化無法配置的邏輯部分，需編寫邏輯代碼
也可以通過工具欄上面下載html,vue等相關(guān)代碼工程，在vscode等編輯器中實現(xiàn)邏輯代碼編寫，這樣語法提示，調(diào)試體驗更佳些。
設(shè)置
發(fā)布和導(dǎo)出
臨時修改時，可保存至本地。發(fā)布時將數(shù)據(jù)保存至服務(wù)端即可。
項目管理
回至唯杰地圖可視化首頁，點擊操作按鈕，可以對相應(yīng)項目進(jìn)行管理文章來源：http://www.zghlxwxcb.cn/news/detail-801463.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-801463.html
到了這里，關(guān)于基于VUE3開發(fā)的CAD圖可視化平臺代碼開源了的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
