第一章: webGIS開發(fā)概述

一. 開發(fā)概述

1 核心概念

在GIS開發(fā)中, 最核心的概念有兩個

●地圖
●數(shù)據(jù)

數(shù)據(jù)中包括一些基本的要素(Feature)

●點(diǎn)
●線
●面(區(qū))
●體

一句話總結(jié)

GIS開發(fā), 就是在地圖上某一個坐標(biāo)點(diǎn)上顯示對應(yīng)的要素

2 整體流程

首先要加載地圖做為底圖, 底圖比較常見的有瓦片, 地圖文檔 , 天地圖

因此, 開發(fā)的第一步是能夠通過web加載底圖

不同的要素需要不同的圖層承載, 而圖層是附著在底圖上, 和底圖配合.

因此, 開發(fā)的第二步是圖層操作

在每個圖層上有不同的要素, 在圖層的基礎(chǔ)上進(jìn)一步對要素進(jìn)行操作

因此, 開發(fā)的第三步是要素操作

總結(jié)

1加載底圖
2圖層操作
3要素操作

二. 產(chǎn)品介紹

1 產(chǎn)品體系

2 開發(fā)流程

對于webGIS的二次開發(fā), 主要是分為三步

1)數(shù)據(jù)處理

在MapGIS客戶端進(jìn)行數(shù)據(jù)處理

●瓦片裁剪
●生成失量地圖
●生成地圖文檔
●添加各種要素, 編輯要素的屬性

2)數(shù)據(jù)發(fā)布

通過server manger將數(shù)據(jù)上傳到IG Server

●發(fā)布瓦片
●發(fā)布失量地圖
●發(fā)布地圖文檔

3)數(shù)據(jù)顯示

在web端, 通過JavaScript SDK調(diào)用接口對接IG Server, 進(jìn)行地圖和數(shù)據(jù)的可視化操作

架構(gòu)分析

流程分析

3 Javascript SDK

可以理解為GIS Server的web客戶端

原生的web客戶端有4個著名的開源庫, 其中廣泛使用的主要是下面兩個

●Cesuim: 主要處理3D渲染
●OpenLayers: 主要處理2D渲染

1) 什么是SDK

4種不同的開源框架有各自獨(dú)立的API, 為了統(tǒng)一, 中地?cái)?shù)碼上開源框架基礎(chǔ)上進(jìn)行再次封裝, 提供更方便好用的接口, 簡化開發(fā)

2) 學(xué)什么

在我們本次培訓(xùn)中, 主要以O(shè)penLayer為例給大家講解

3) 具體內(nèi)容

1地圖服務(wù)
○加載各種地圖(瓦片, 失量地圖, 地圖文檔, 第三方地圖[天地圖]...)
○地圖常用控件(放大, 縮小, 比例尺, 鷹眼...)
2目錄服務(wù)
○圖層與目錄樹(控制圖層的顯示與隱藏)
3要素服務(wù)
○各種要素(點(diǎn), 線, 面)的操作
4分析服務(wù)
○空間分析, 拓?fù)浞治?..

三. 環(huán)境準(zhǔn)備
1 安裝配置IGServer
一、登錄官網(wǎng)
http://www.smaryun.com/

1、完成注冊和登錄
2、在個人中心完成郵箱和手機(jī)號的驗(yàn)證

二、下載IG Server
http://www.smaryun.com/dev/download_detail.html#/download689
下載MapGIS IGServer開發(fā)包, 并安裝

三、升級成開發(fā)者
http://www.smaryun.com/dev/

四. 安裝IGServer
下載MapGIS IGServer開發(fā)包, 并安裝

右鍵, 使用管理員運(yùn)行

如果被阻止, 展開, 選擇"仍要運(yùn)行"

注意
1關(guān)閉所有的殺毒軟件(360, qq管家)
2windows自帶的保護(hù)程序, 點(diǎn)擊仍要運(yùn)行

選擇"下一步"會提示安裝缺少組件

選擇路徑(安裝路徑不要改變)

五、獲取授權(quán)

授權(quán)碼:?http://www.smaryun.com/dev/dev_auth_detail.php
下載授權(quán)文件(這里我申請了高級授權(quán), 基礎(chǔ)開發(fā)授權(quán)也可以使用)

掃描下面這個二維碼

安裝key寫入注冊表

啟動MapGIS IGServer服務(wù)

可以通過localhost:9999訪問服務(wù)

點(diǎn)擊幫助, 自動填入用戶名/密碼, 登錄

可以通過web訪問server manager頁面

http://localhost:9999

六、解綁
http://www.smaryun.com/dev-space/#/dev-enviro/myauth

2 申請?zhí)斓貓DKey

https://jingyan.baidu.com/article/9c69d48f6d1ab753c9024ecf.html

1 注冊天地圖用戶
2 在天地圖網(wǎng)站主頁登錄之后，點(diǎn)擊右上角自己的用戶名，然后點(diǎn)擊右上角的開發(fā)資源按鈕，如下圖所示：

3 在開發(fā)資源頁面，點(diǎn)擊“控制臺”，如下圖所示：

4 點(diǎn)擊“申請成為個人開發(fā)者”界面中的“去申請”，如下圖所示：

5 勾選“同意天地圖服務(wù)條款”，點(diǎn)擊提交按鈕，如下圖所示：

6 出現(xiàn)申請成功提示對話框后，單擊確定按鈕，如下圖所示：

7 點(diǎn)擊“創(chuàng)建新應(yīng)用”按鈕，如下圖所示：

8 填寫相關(guān)信息，勾選“同意天地圖服務(wù)條款”，點(diǎn)擊提交按鈕，如下圖所示：

9 出現(xiàn)“創(chuàng)建應(yīng)用成功”對話框后，單擊確定按鈕，如下圖所示：

10 在應(yīng)用管理列表中，紅框部分的字符串即是之后需要使用的Key，如下圖所示：

我這里申請的Key是: 11dce887d8c343629fe8efcf0c60caec

3 下載web SDK

http://develop.smaryun.com:8899/#/total/download

下載精簡包

四. 主要參考文檔

Openlayers示例:?http://develop.smaryun.com:81/API/JS/OL5InterfaceDemo/index.htm

IGServer API文檔:?http://develop.smaryun.com:81/API/JS/IGS JavaScript API v02/index.htm

Openlayers文檔:?https://openlayers.org/en/latest/apidoc/

如果文章對你有幫助的話，也請你幫我2個忙吧 (*?▽?*)

給這篇文章一鍵三連吧，對我很重要啦~

關(guān)注一下我 @新中地職業(yè)培訓(xùn)學(xué)校，聽說現(xiàn)在關(guān)注的，以后都是尊貴的老粉啦！

獲取更多GIS開發(fā)相關(guān)課程資源V：gis2210