以項(xiàng)目談WebGIS中Web制圖的設(shè)計(jì)和實(shí)現(xiàn)

1.背景介紹

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

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

2.產(chǎn)品設(shè)計(jì)

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

這里首先定義用戶：公司研發(fā)（目標(biāo)-數(shù)據(jù)整合、快速開發(fā)），工程同事（某些需求可獨(dú)立解決），用戶使用（解決用戶簡單需求）。

根據(jù)以上三個原則，提出了這樣的產(chǎn)品功能構(gòu)想：

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

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

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

d.數(shù)據(jù)編輯（研發(fā)、工程、客戶）。

e.數(shù)據(jù)共享

針對研發(fā)：提供數(shù)據(jù)層面對接、服務(wù)層面對接、前端接口對接。

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

針對客戶：提供前端對分享數(shù)據(jù)的查看。

f.數(shù)據(jù)權(quán)限

針對工程、客戶：可配置數(shù)據(jù)查看權(quán)限。

 

3.產(chǎn)品架構(gòu)設(shè)計(jì)

以模塊化為核心，首先將地圖操作和制圖業(yè)務(wù)進(jìn)行分裂，構(gòu)建出兩個大模塊：

 

在portal中對各功能模塊是否能添加進(jìn)行配置管理：

 

4.本地?cái)?shù)據(jù)展示的設(shè)計(jì)和實(shí)現(xiàn)

本地?cái)?shù)據(jù)展示主要針對本地的CSV和本地Excel數(shù)據(jù)，數(shù)據(jù)中需要包含坐標(biāo)字段（X、Y），通過portal添加至地圖上進(jìn)行快速展示：

 

5.Web制圖的設(shè)計(jì)和實(shí)現(xiàn)

5.1簡單渲染

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

&nb