WebGIS開發從入門到實踐

目錄

CONTENTS

基 礎 篇

第 1章 Web基礎 2

1.1　開發語言 2

1.1.1　HTML 2

1.1.2　CSS 5

1.1.3　JavaScript 10

1.2　開發框架 13

1.2.1　Vue 14

1.2.2　React 16

1.2.3　Angular 17

1.3　網絡基礎 18

1.4　瀏覽器 20

1.4.1　瀏覽器的工作基礎 20

1.4.2　瀏覽器調試 22

1.5　服務端基礎 24

1.6　數據庫基礎 25

1.7　小結 26

第 2章 GIS基礎 27

2.1　GIS數據 27

2.1.1　矢量數據 27

2.1.2　柵格數據 29

2.2　投影與坐標轉換 30

2.2.1　地理坐標 30

2.2.2　投影坐標 31

2.2.3　Web墨卡托投影 32

2.2.4　坐標轉換與EPSG 32

2.3　地理編碼 33

2.4　小結 35

第 3章 WebGIS開發框架 36

3.1　OpenLayers 37

3.1.1　簡介 37

3.1.2　引用 38

3.1.3　核心類說明 39

3.2　Leaflet 61

3.2.1　簡介 61

3.2.2　引用 62

3.2.3　核心類說明 62

3.3　MapboxGL 82

3.3.1　簡介 82

3.3.2　引用 83

3.3.3　核心類說明 83

3.4　小結 98

高 級 篇

第 4章 GIS應用服務 100

4.1　OGC標準 101

4.1.1　WMS 101

4.1.2　WFS 102

4.1.3　WMTS 104

4.1.4　WCS 105

4.2　地圖切片 106

4.2.1　切片原理 106

4.2.2　切片類型 108

4.2.3　切片服務 109

4.2.4　切片工具 109

4.3　GIS服務器 113

4.3.1　ArcGIS Server 114

4.3.2　SuperMap Server 114

4.3.3　MapServer 115

4.3.4　GeoServer 116

4.4　小結 117

第 5章 GeoServer 118

5.1　GeoServer簡介 118

5.2　GeoServer安裝 121

5.3　數據與服務管理 122

5.3.1　工作區 122

5.3.2　數據存儲 123

5.3.3　圖層 128

5.3.4　圖層組 131

5.3.5　樣式 133

5.3.6　CQL/ECQL過濾器語言 134

5.4　切片緩存 138

5.4.1　切片圖層 138

5.4.2　緩存默認設置 140

5.4.3　網格集GridSet 140

5.4.4　BlobStore 142

5.4.5　磁盤定額 142

5.5　GeoServer插件 143

5.5.1　插件的下載與安裝 143

5.5.2　MongoDB插件 145

5.5.3　MySQL插件 149

5.5.4　矢量切片插件 149

5.5.5　Excel插件 151

5.6　GeoServer安全 152

5.6.1　安全管理 152

5.6.2　權限認證 155

5.6.3　數據權限 158

5.6.4　服務管理 160

5.7　其他配置 160

5.7.1　服務配置 160

5.7.2　全局設置 161

5.7.3　圖像處理 164

5.8　服務能力獲取 168

5.9　小結 169

第 6章 空間數據管理 170

6.1　地理空間數據 171

6.2　數據庫介紹 172

6.2.1　PostgreSQL 173

6.2.2　MySQL 178

6.2.3　MongoDB 183

6.3　服務發布 184

6.3.1　底圖服務 185

6.3.2　動態底圖服務 185

6.4　數據安全 185

6.4.1　數據加密 186

6.4.2　坐標加密 187

6.4.3　地方坐標系 187

6.5　數據使用 188

6.6　小結 188

第 7章 矢量數據渲染 189

7.1　數據格式 189

7.1.1　WKT 189

7.1.2　GeoJSON 189

7.1.3　KML 191

7.1.4　GPX 193

7.1.5　數據接口 195

7.2　渲染類型 196

7.3　數據加載 198

7.4　渲染實現 203

7.4.1　OpenLayers渲染 203

7.4.2　Leaflet渲染 204

7.4.3　MapboxGL渲染 205

7.5　渲染原理 206

7.5.1　Canvas繪圖 206

7.5.2　WebGIS中的渲染實現 210

7.6　小結 212

第 8章 柵格數據渲染 213

8.1　柵格數據加載 215

8.2　柵格瓦片 216

8.2.1　柵格瓦片存儲 216

8.2.2　柵格瓦片服務發布 218

8.2.3　柵格瓦片加載 220

8.2.4　柵格瓦片渲染實現 221

8.3　WMS服務 223

8.3.1　WMS服務地址 223

8.3.2　OpenLayers中加載WMS 223

8.3.3　Leaflet中加載WMS 224

8.3.4　MapboxGL中加載WMS 224

8.3.5　WMS圖層渲染原理 225

8.4　WMTS渲染 226

8.4.1　WMTS服務地址 226

8.4.2　OpenLayers加載WMTS 227

8.4.3　Leaflet加載WMTS 227

8.4.4　MapboxGL加載WMTS 228

8.5　TMS渲染 228

8.5.1　TMS服務地址 228

8.5.2　OpenLayers加載TMS 228

8.5.3　Leaflet加載TMS 229

8.5.4　MapboxGL加載TMS 229

8.6　小結 229

第 9章 地圖控件 231

9.1　縮放控件 231

9.2　地圖比例尺 232

9.3　光標位置 233

9.4　鷹眼圖 234

9.5　地圖圖例 237

9.6　地圖測量 240

9.7　地圖繪制 243

9.8　小結 244

第10章 地圖交互 245

10.1　基本交互 245

10.1.1　鼠標交互 245

10.1.2　鍵盤交互 246

10.1.3　觸屏交互 248

10.2　矢量要素交互 249

10.2.1　選擇要素 249

10.2.2　繪制要素 251

10.2.3　編輯要素 253

10.2.4　地圖捕捉 259

10.3　地圖疊加層 263

10.3.1　Marker 263

10.3.2　Popup 265

10.4　小結 268

三 維 篇

第11章 三維GIS 270

11.1　概述 270

11.1.1　產生與發展 270

11.1.2　新興概念 270

11.2　WebGL 272

11.3　Cesium三維開發 274

11.3.1　Cesium引用 274

11.3.2　Cesium核心類 274

11.3.3　基礎使用教程 276

11.4　小結 292

實 踐 篇

第12章 基於Vue的WebGIS台風預報系統  294

12.1　功能介紹 294

12.2　搭建一個Web工程 295

12.2.1　配置Node環境 295

12.2.2　初始化Web工程 296

12.3　數據庫設計 297

12.4　服務端工程搭建 302

12.4.1　Express簡介 302

12.4.2　後端工程搭建 302

12.5　功能開發 306

12.5.1　地圖初始化 306

12.5.2　台風警戒線 306

12.5.3　台風列表 308

12.5.4　台風預報 309

12.5.5　台風實況 311

12.5.6　風速氣壓 317

12.5.7　城市測距 318

12.5.8　雲圖、雷達圖 319

12.6　系統部署 321

12.7　小結 323

參考資料 324