以項目談WebGIS中Web制圖的設計和實現

1.背景介紹

一般WebGIS項目中,前端展示數據的流程基本是先做數據入庫、服務發(fā)布、然后前端調用展示。假設用戶沒有基本的GIS背景,需要將本地的excel或CSV等文件快速在地圖上進行展示,此需求該如何解決?

目前市場上針對解決這種需求的產品已陸續(xù)出現,比如mapbox的studio,esri的portal,超圖的地圖慧以及由超圖原項目經理離職后創(chuàng)辦的地圖無憂等產品。這類產品一般都以云服務的概念來包裝,提供本地文件的Web制圖,相關空間分析,數據的編輯,共享等。這里,我以公司某項目來談談個人對此類需求的設計和實現。

2.產品設計

研究市場上成熟的產品會發(fā)現二八定律是廣泛存在的,比如esri的portal中提供了大量的空間分析功能,但是這些功能能夠被用戶使用上的概率非常低,僅限于賣產品時客戶經理的技能秀狀態(tài)。抽出普適的功能,定位使用的用戶,結合公司的需求,是我最開始設計時的原則。

這里首先定義用戶:公司研發(fā)(目標-數據整合、快速開發(fā)),工程同事(某些需求可獨立解決),用戶使用(解決用戶簡單需求)。

根據以上三個原則,提出了這樣的產品功能構想:

a.本地文件快速展示(研發(fā)、工程、客戶)。

b.本地文件制圖(研發(fā)、工程、客戶)。

c.基本空間分析(研發(fā)、工程、客戶)。

d.數據編輯(研發(fā)、工程、客戶)。

e.數據共享

針對研發(fā):提供數據層面對接、服務層面對接、前端接口對接。

針對工程:提供服務發(fā)布功能。

針對客戶:提供前端對分享數據的查看。

f.數據權限

針對工程、客戶:可配置數據查看權限。

 

3.產品架構設計

以模塊化為核心,首先將地圖操作和制圖業(yè)務進行分裂,構建出兩個大模塊:

 

在portal中對各功能模塊是否能添加進行配置管理:

 

4.本地數據展示的設計和實現

本地數據展示主要針對本地的CSV和本地Excel數據,數據中需要包含坐標字段(X、Y),通過portal添加至地圖上進行快速展示:

 

5.Web制圖的設計和實現

5.1簡單渲染

簡單渲染是指用戶可以選擇渲染的填充色、填充透明度、邊框色、邊框透明度、以及選擇是否用圖標(圖標可上傳選擇)展示:

&nb

網友評論