內容簡介

本書先介紹目前比較流行的地圖視覺化工具和常見的地圖資料類型，便於讀者從整體上掌握地圖視覺化的基本知識；然後介紹HTML、CSS、JavaScript等Web開發基礎，便於不太熟悉Web開發的讀者閱讀本書，熟悉Web開發的讀者可略過這分內容；最後從Leaflet地圖視覺化基礎、地圖基本作、題地圖繪製、地圖動畫等方面深入介紹Leaflet的開發過程，對每步的案例代碼進行了詳細說明，便於讀者輕鬆上手。掌握基於Leaflet的地圖視覺化開發技巧，可以觸類旁通，迅速掌握其他地圖視覺化開源庫的使用方法。

作者介紹

楊乃

男，于武漢大學獲得地圖學與地理資訊系統博士，現為中國地質大學（武漢）副教授。長期從事地圖視覺化、時空大資料視覺化分析與應用、三維地貌模型數學表達及其視覺化、地理資訊空間分析與智慧應用相關研究工作。已發表SCI、EI等檢索學術論文40餘篇，獲批發明專利2項、軟體著作權9項。近些年主持了國家自然科學基金（青年科學基金）專案、中國博士後科學基金面上資助專案、教育部地理資訊系統軟體及其應用工程研究中心開放課題專案等。

第1章地圖視覺化基礎知識（1）
1.1 地圖視覺化工具簡介（1）
1.1.1 作軟體（2）
1.1.2 線上網站（5）
1.1.3 開發（10）
1.2 常用的地理資料類型（18）
1.2.1 Shapefile （19）
1.2.2 JSON （20）
1.2.3 GeoJSON （21）
1.2.4 TopoJSON （24）
1.2.5 CSV （26）
1.2.6 KML （27）
1.3 本章小結（27）

第2章 Web開發基礎（29）
2.1 HTML開發基礎（29）
2.1.1 HTML文檔的基本結構（29）
2.1.2 HTML元素的屬性（31）
2.1.3 DOM （32）
2.1.4 canvas （33）
2.1.5 SVG （33）
2.1.6 注釋（34）
2.2 CSS開發基礎（34）
2.2.1 CSS簡介（34）
2.2.2 CSS語法（34）
2.2.3 CSS的建（39）
2.3 JavaScript開發基礎（40）
2.3.1 JavaScript簡介（40）
2.3.2 基本語法（41）
2.4 常用的Web開發工具（53）
2.4.1 Visual Studio Code （54）
2.4.2 Sublime Text （54）
2.4.3 WebStorm （55）
2.5 流覽器調試（56）
2.5.1 查看原始程式碼（56）
2.5.2發者工具（56）
2.6 本章小結（60）

第3章 Leaflet地圖視覺化基礎（61）
3.1 開發環境的搭建（62）
3.1.1 下載Leaflet壓縮（62）
3.1.2 引用Leaflet （62）
3.2 地圖載入（63）
3.2.1 Mapbox柵格瓦片地圖服務（63）
3.2.2 內地圖服務（66）
3.2.3 覆蓋圖層載入（72）
3.3 地圖控制項（83）
3.3.1 地圖縮放控制項（83）
3.3.2 地圖圖層控制項（84）
3.3.3 地圖比例尺控制項（88）
3.3.4 地圖屬性控制項（89）
3.3.5 地圖縮略圖控制項（91）
3.3.6 地圖全屏顯示控制項（92）
3.3.7 地圖放大鏡控制項（93）
3.4 本章小結（95）

第4章 Leaflet地圖基本作（97）
4.1 地圖縮放的控制（97）
4.1.1 地圖縮放等級的原理（97）
4.1.2 地圖縮放等級的控制（99）
4.2 滑鼠游標座標的獲取（103）
4.3 彈出窗（Popup）（104）
4.4 提示框（Tooltip）（107）
4.5 地圖圖層的作（109）
4.5.1 堆疊順序的調整（109）
4.5.2 圖像的配准（112）
4.5.3 視頻的配准（115）
4.5.4 地圖圖層的對比（120）
4.6 地圖的繪製（123）
4.7 地圖的標注（126）
4.8 本章小結（128）

第5章 Leaflet題地圖繪製（129）
5.1 分級統計圖法（129）
5.1.1 獲取資料（129）
5.1.2 設置樣式（130）
5.1.3 添加注記（132）
5.1.4 添加圖例（133）
5.1.5 設置交互（134）
5.1.6 繪製件（136）
5.2 分區統計圖表法（139）
5.2.1 柱狀統計圖表法（139）
5.2.2 餅狀/環狀統計圖表法（147）
5.2.3 折線統計圖表法（153）
5.3 熱力圖（162）
5.3.1 獲取資料（162）
5.3.2 獲取件（163）
5.3.3 繪製熱力圖（164）
5.3.4 滑鼠提示（166）
5.3.5 添加圖例（167）
5.4 蜂窩圖（168）
5.4.1 獲取資料（168）
5.4.2 下載JavaScript庫（169）
5.4.3 繪製蜂窩圖（169）
5.5 等值線圖（172）
5.5.1 獲取資料（172）
5.5.2 下載JavaScript庫（173）
5.5.3 繪製等高線（173）
5.6 分層設色法（179）
5.6.1 繪製等值面（180）
5.6.2 分層設色（181）
5.7 本章小結（182）

第6章 Leaflet地圖動畫（183）
6.1 圖示動畫（183）
6.1.1 沿線運動（183）
6.1.2 時間軸控制項（186）
6.2 折線動畫（192）
6.2.1 蛇行動畫（192）
6.2.2 虛線動畫（195）
6.2.3 螞蟻動畫（197）
6.2.4 流向圖動畫（198）
6.3 流場動畫（204）
6.3.1 件leaflet-velocity （204）
6.3.2 件Leaflet.CanvasLayer.Field （206）

參考文獻（213）
後記（215）

看更多