解鎖地圖與JavaScript相遇的秘密
全國第一本介紹WebGIS開發與實戰應用的實體書籍！
本書提供範例程式下載，事半功倍一學即上手！
WebGIS啟蒙首選✖五家地圖API✖近百個程式範例✖實用簡易口訣✖學習難度分級✖補充ES6小知識
內容簡介
本書內容改編自第12屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章－《你的地圖會說話？WebGIS與JavaScript的情感交織》。
在人手一台智慧型手機，運用Google地圖查詢餐廳位址的時代，您是否會好奇這些地圖功能是如何透過程式實作的呢？本書會從最基礎開始，帶您進入WebGIS的奇幻旅程。
❖給完全沒有WebGIS及地圖domain knowhow的你
本書將從最基本的地理資訊系統概念談起，從概念到程式實作一應俱全，完全沒接觸過GIS的讀者依舊能輕鬆上手！
❖給網頁開發的初學者與擔心看不懂書內範例程式的你
別擔心！本書會詳細介紹JavaScript程式的實作細節，並採用ES6以後的語法，讓您學習地圖開發之餘，還能學習到最新的JavaScript程式語法！
❖給覺得Google Map API收費高，而想轉戰其它地圖API的你
本書統整五家地圖API，包括：Google Map API、Here Maps API、ArcGIS API、TGOS Map API、Leaflet API，無論您在不同的情境下想使用不同的地圖API (皆含範例程式碼) ，本書是您最好的入門聖經！
❖給已會使用Leaflet API製作簡單的口罩地圖，但還希望更進一步加深功力的你
常見的口罩地圖實作的是WebGIS的展點功能，本書除了展點外，還有：圖層套疊、定位、環域查詢、群聚、熱區等等……，不勝枚舉的WebGIS實戰應用，等你來挑戰！
好評推薦
這本書的內容是非常適合初學者自學上手的WebGIS入門教材，從地理圖資的常見格式，再來深入淺出的解說運用網路資源進行資料擷取、設定、展示與分析等。這是一本讓所有想要瞭解如何開發地圖應用程式的任何人，都能一窺WebGIS實用且充滿趣味的技術領域。
溫在弘
國立臺灣大學地理環境資源學系教授
國立臺灣大學理學院空間資訊研究中心主任
中華民國地圖學會理事長
具体描述
尋找城市的靈魂：穿梭於數據與紋理的邊界 一本關於空間敘事、數字人文與人機互動的深度探索之旅 在這個資訊爆炸的時代，我們習以為常地依賴著地圖來導航、理解世界。然而，這些平面或立體的圖層背後，隱藏著的遠不止是地理座標與基礎設施的羅列。本書將帶領讀者跳脫傳統地圖學的框架，深入探討地圖如何成為一種強大的敘事工具、一種解鎖城市隱秘情感的鑰匙，以及數據結構如何與人類感知產生共振。 這不是一本專注於特定編程語言或軟體操作手冊，它是一部關於「空間感知重塑」的哲學與實踐的交匯之作。我們將聚焦於地圖背後那些「無形」的維度：歷史的沉積、社會的張力、以及個體記憶的疊加。 --- 第一部：當空間不再靜默——地圖的感性覺醒 地圖不僅是導航的工具，更是文化遺產的載體。 本書首先挑戰了「客觀性」的迷思，探討地理資訊系統（GIS）在無意中如何強化或隱藏了某些社會群體的故事。 章節導覽： 1. 隱形的疆界與被遺忘的街道：空間的權力結構 我們將分析經典地圖製作背後的決策機制。從早期殖民時代的繪圖標準，到現代城市規劃的數據採集流程，探討不同尺度的地圖如何篩選、強化或抹除特定社群的存在感。重點關注「感知地圖」（Perceptual Maps）的理論基礎，以及如何透過空間分析來揭示社會不平等。 2. 時間的深度：多維度地圖的時間軸 地圖是靜態的嗎？本書將深入研究如何將時間序列數據融入空間視覺化。這不僅是簡單的動畫疊加，而是探討如何運用視覺變數（如顏色飽和度、線條粗細、透明度）來表現歷史變遷的強度與速度。我們將考察犯罪熱點的演變、人口遷移的軌跡，以及城市紋理的有機生長過程。 3. 數據紋理的詩意：從點陣到情感的轉譯 拋開冰冷的數字，探討如何將非結構化數據（如文學作品中的場景描述、社交媒體上的情緒標籤）轉化為可視化的空間元素。這部分著重於如何設計具有「情感引導性」的視覺語言，讓觀者在看到地圖時，不僅能知道「哪裡」，更能感受到「如何」。 --- 第二部：人機介面的邊界重塑——互動的深度與廣度 數字時代的互動性為地圖學開闢了無限可能。本書的第二部分著眼於如何設計超越標準點擊和縮放的互動體驗，使數據與使用者之間建立起更深層次的「對話」。 章節導覽： 4. 觸覺與聽覺的空間化：超越視覺的沉浸體驗 探討非視覺介面的潛力。如果一個地圖可以被「聽見」或「觸摸」到，它將如何改變我們對空間的認知？我們將研究聲音景觀（Soundscapes）在地圖建構中的角色，以及如何利用觸覺反饋（Haptic Feedback）來傳達地理數據的密度與危險性，特別適用於輔助視覺障礙用戶或在資訊過載的環境中。 5. 敘事路徑的編程思維：引導與自主的平衡 如何設計一條既能講述特定故事，又允許使用者自由探索的路徑？本書將分析「引導式敘事」（Guided Narrative）在空間資訊呈現中的優勢與限制。重點探討使用者在數據層之間的切換過程（例如，從基礎設施層切換到環境污染層），以及如何平滑這些轉場，確保資訊流動的連貫性。 6. 協作的空間：社群繪製與眾包知識的匯聚 數字平台極大地賦予了普通民眾參與地圖製作的權力。本部分深入分析眾包地理資訊（Crowdsourced Geodata）的質量控制、激勵機制，以及如何將來自不同背景的、非專業人士的「在地知識」有效地納入主流空間模型中，從而構建出更具包容性的城市圖景。 --- 第三部：未來圖景的編織——哲學、倫理與創造性實踐 最後，本書將把目光投向未來，探討空間數據倫理與創造性應用帶來的挑戰與機遇。 章節導覽： 7. 隱私與透明的悖論：地理定位數據的倫理邊界 隨著物聯網（IoT）設備的普及，我們每時每刻都在生成密集的個人移動數據。本書嚴肅討論如何在利用這些豐富數據的同時，保護個體免於被過度監控或標籤化。探討差分隱私（Differential Privacy）在地理空間數據集中的應用前景，以及數據來源的透明化必要性。 8. 藝術與科學的交界：空間裝置與互動藝術 地圖學的美學潛能遠未被完全發掘。本章節將考察藝術家如何利用空間數據集進行裝置藝術、沉浸式劇場或虛擬實境體驗，挑戰傳統的「實用性」定義。重點在於「可玩性」（Playability）如何成為理解複雜空間關係的一種有效途徑。 9. 城市作為有機體：複雜系統視角下的空間動態模擬 從更宏觀的視角審視城市。本書將探討如何將城市視為一個由人、交通、建築和環境組成的複雜適應系統，並使用模擬工具預測非線性變化（如交通癱瘓、疫情擴散）。這要求我們從靜態的「繪製」轉向動態的「模擬與干預」。 --- 結語：閱讀我們腳下的土地 本書旨在提供一套全新的視角，讓人們重新審視那些看似熟悉卻充滿奧秘的空間數據。它呼籲讀者不僅要做數據的使用者，更要做空間故事的共同創作者和批判性思考者。理解地圖如何「說話」，是理解我們身處世界如何被建構的關鍵一步。這是一本獻給所有對城市、數據、敘事，以及人類感知邊界充滿好奇心者的指南。
著者信息
作者簡介
廖炳閎 Perry Liao
畢業於台大地理系，現於知名球鞋電商 AREA 02 擔任前端工程師，擁有近四年軟體工程開發經驗。熟悉多家WebGIS地圖服務開發，並擅長結合JQuery、React 等前端框架。
2018年至今，曾參與過十多個WebGIS的系統規劃及程式開發，並於2020年iT邦第12屆鐵人賽以《你的地圖會說話？WebGIS與JavaScript的情感交織》系列文章榮獲佳作。
廖炳閎 Perry Liao
畢業於台大地理系，現於知名球鞋電商 AREA 02 擔任前端工程師，擁有近四年軟體工程開發經驗。熟悉多家WebGIS地圖服務開發，並擅長結合JQuery、React 等前端框架。
2018年至今，曾參與過十多個WebGIS的系統規劃及程式開發，並於2020年iT邦第12屆鐵人賽以《你的地圖會說話？WebGIS與JavaScript的情感交織》系列文章榮獲佳作。
图书目录
PART I 初學者的試煉
Chapter01 地圖 API 的選擇？
1.1 與 WebGIS 的邂逅
1.1.1 GIS 是什麼？
1.1.2 初始化地圖的四步驟
1.1.3 常見的地圖屬性設置
1.2 大眾化的 Google Map API
1.2.1 申請 Google Map API Key
1.2.2 初始化地圖（Google Map API）
1.3 導航豐富的 Here Maps API
1.3.1 申請 Here Maps API Key
1.3.2 初始化地圖（Here Maps API）
1.4 GIS 界老字號 ArcGIS API for JavaScript
1.4.1 初始化地圖（ArcGIS API for JavaScript）
1.5 台灣ㄟ雄厚 TGOS Map API
1.5.1 申請 TGOS Map API Key
1.5.2 初始化地圖（TGOS Map API）
1.6 輕量化的世代 Leaflet API
1.6.1 初始化地圖（Leaflet API）
PART II GIS 資料格式
Chapter02 向量資料格式
2.1 網格與向量
2.2 點資料圖徵
2.2.1 點資料圖徵（Google Map API）
2.2.2 點資料圖徵（Here Maps API）
2.2.3 點資料圖徵（ArcGIS API for JavaScript）
2.2.4 點資料圖徵（TGOS Map API）
2.2.5 點資料圖徵（Leaflet API）
2.3 線資料圖徵
2.3.1 線資料圖徵（Google Map API）
2.3.2 線資料圖徵（Here Maps API）
2.3.3 線資料圖徵（ArcGIS API for JavaScript）
2.3.4 線資料圖徵（TGOS Map API）
2.3.5 線資料圖徵（Leaflet API）
2.4 面資料圖徵
2.4.1 面資料圖徵（Google Map API）
2.4.2 面資料圖徵（Here Maps API）
2.4.3 面資料圖徵（ArcGIS API for JavaScript）
2.4.4 面資料圖徵（TGOS Map API）
2.4.5 面資料圖徵（Leaflet API）
Chapter03 網格資料格式
3.1 OGC 規範
3.2 WMS 圖層套疊
3.2.1 WMS 圖層套疊（Google Map API）
3.2.2 WMS 圖層套疊（Here Maps API）
3.2.3 WMS 圖層套疊（ArcGIS API for JavaScript）
3.2.4 WMS 圖層套疊（TGOS Map API）
3.2.5 WMS 圖層套疊（Leaflet API）
3.3 WMTS 圖層套疊
3.3.1 WMTS 圖層套疊（Google Map API）
3.3.2 WMTS 圖層套疊（Here Maps API）
3.3.3 WMTS 圖層套疊（ArcGIS API for JavaScript）
3.3.4 WMTS 圖層套疊（TGOS Map API）
3.3.5 WMTS 圖層套疊（Leaflet API）
Chapter04 複合型資料
4.1 複合型資料的優勢
4.2 KML 圖層套疊
4.2.1 Google Earth 製作KML
4.2.2 KmlLayer 與 Geoxml3（Google Map API）
4.2.3 KML 圖層套疊（Here Maps API）
4.2.4 KML 圖層套疊（ArcGIS API for JavaScript）
4.2.5 KML 圖層套疊（TGOS Map API）
4.2.6 KML 圖層套疊（Leaflet API）
4.3 GeoJSON 圖層套疊
4.3.1 JSON 再進化 >> GeoJSON
4.3.2 GeoJSON 圖層套疊（Google Map API）
4.3.3 GeoJSON 圖層套疊（Here Maps API）
4.3.4 GeoJSON 圖層套疊（ArcGIS API for JavaScript）
4.3.5 GeoJSON 圖層套疊（TGOS Map API）
4.3.6 GeoJSON 圖層套疊（Leaflet API）
PART III GIS 查詢功能
Chapter05 定位查詢
5.1 瀏覽器定位
5.1.1 navigator
5.1.2 地理位置定位（Geolocation Web API）
5.1.3 定位及標記點
5.2 坐標定位
5.2.1 坐標系統
5.2.2 坐標系統轉換
5.2.3 坐標定位及滑鼠事件
5.3 地址定位
5.3.1 Leaflet 地址定位
5.3.2 Google Map Geocoding API
5.3.3 全國門牌地址定位服務
5.4 行政區定位
5.4.1 TGOS Map API 行政區定位
5.4.2 透過 GeoJSON 載入行政區
Chapter06 展點與環域
6.1 展點
6.1.1 上傳 GeoJSON
6.1.2 上傳 Excel
6.1.3 呼叫 API 並展點
6.2 環域
6.2.1 圓形環域
6.2.2 面環域
6.3 繪圖事件
6.3.1 Leaflet Draw 繪圖工具
6.3.2 繪圖結合圓形環域
6.3.3 繪圖結合面環域
6.3.4 繪圖結合矩形環域
PART IV 高手雲集的殿堂
Chapter07 SQL Spatial
7.1 MSSQL 環境安裝
7.2 空間資料格式
7.2.1 WKT(Well-known text)
7.2.2 WKB(Well-known binary)
7.2.3 平面與球體
7.2.4 點線面與資料集合
7.3 幾何運算
7.3.1 距離
7.3.2 長度
7.3.3 面積
7.4 空間查詢
7.4.1 包含（Contain）
7.4.2 重疊（Within）
7.4.3 交集（Intersect）
7.5 常見錯誤
7.5.1 頭尾不相連
7.5.2 方向錯誤
Chapter08 進階視覺化功能
8.1 群聚
8.1.1 亂數產生點
8.1.2 群聚（Leaflet MarkerCluster）
8.1.3 客製化 Icon
8.1.4 事件
8.1.5 群聚蜘蛛網
8.2 熱區
8.2.1 熱區（heatmap.js）
8.2.2 熱區圖設定及滑鼠事件
8.2.3 熱區地圖（leaflet-heatmap.js）
8.3 讓 Marker 動起來
8.3.1 會跳動的Marker（bouncemarker）
8.3.2 會移動的Marker（MovingMarker）
图书序言
- ISBN：9786263330764
- 規格：平裝 / 352頁 / 17 x 23 x 1.84 cm / 普通級 / 單色印刷 / 初版
- 出版地：台灣
- 本書分類：電腦資訊> 網頁開發設計> JavaScript/jQuery
图书试读
用户评价
评分
身為一個長期關注 iT邦幫忙鐵人賽的讀者，我對這個系列特別有信任感。因為鐵人賽的作品，通常都帶有一種「實戰淬鍊」的熱度，那是經過連續三十天高壓產出才能磨出來的真功夫，而不是純粹的學術整理。這本書想必匯集了作者在實戰中遇到的各種坑，以及他是如何用創新的思維去解決這些問題的過程。我猜測書中不乏許多針對特定瀏覽器兼容性、或是處理大量即時數據流時的效能優化秘訣。特別是「情感交織」的部分，它可能涵蓋了如何設計使用者旅程（User Journey），讓地圖導航的過程不再是冷冰冰的箭頭指示，而是像一個老朋友在旁邊輕聲引導你。這種細膩的人文關懷融入技術的寫法，絕對是讓這本書脫穎而出的最大賣點。
评分老實說，市面上很多關於 WebGIS 的書籍，讀起來都像在啃教科書，一堆專業術語堆砌，最後只剩下滿頭霧水。但看到這本書的副標「WebGIS 與 JavaScript 的情感交織」，我立刻被吸引住了。這暗示著作者不只會教你怎麼串接 API、怎麼寫迴圈，更重要的是，他想教會讀者如何用 JavaScript 這門靈活的語言，去「賦予」地圖生命力。JavaScript 本身就帶有一種靈動感，跟強調精準結構的後端語言很不一樣，很適合用來處理使用者體驗的細膩之處。我期待看到書中分享一些非常巧妙的程式碼片段，是如何將枯燥的座標數據轉化為引人入勝的視覺敘事。例如，如何用非傳統的方式來標註地標，或者如何根據使用者的操作，讓地圖的色彩、透明度產生微妙的變化，就像呼吸一樣。這種層次的講解，才是真正能把人從入門帶到精通的關鍵。
评分這本書的書名讓我聯想到一個畫面：在一個陰雨綿綿的夜晚，我正焦慮地尋找一個隱藏在巷弄深處的小店，突然間，手機上的地圖不只是顯示了紅線，而是發出了一種溫暖的光芒，並且用一種柔和的語氣告訴我：「嘿，再往前走一點點，轉角那家有掛著藍色招牌的店就是了。」如果這本書真的能揭示如何建構出這樣的體驗，那它就遠遠超過一本技術手冊的範疇，簡直是開創了一種新的溝通媒介。我非常好奇作者是如何平衡技術的嚴謹性（畢竟 WebGIS 涉及空間運算，不能馬虎）與這種「情感化介面」的設計哲學。這中間的權衡取捨，絕對是書中最值得深入探討的精華所在。
评分說真的，現在的資料視覺化早就不是把圖表丟給觀眾就沒事了。大家都在追求沉浸感、個人化體驗。這本書的標題，精準地抓住了這個時代的需求：如何讓工具更有溫度。我對它在「互動性」上的著墨非常期待。是利用了 WebGL 帶來的 3D 視覺震撼，還是透過即時通訊的概念，讓多個使用者在地圖上產生同步的「對話」？如果它能提供一套清晰的架構，讓我們理解如何將使用者行為數據（例如點擊熱區、停留時間）轉化為地圖的動態回饋，那對於從事市場分析或城市規劃相關領域的朋友來說，簡直是如虎添翼。這本書如果能成功地將 WebGIS 的硬核技術包裝在一個充滿故事性的外殼下，那麼它絕對會成為我工具箱裡最常翻閱的一本寶典。
评分哇塞，光是書名就超吸睛的！「你的地圖會說話？」這什麼概念啊？聽起來就充滿了魔幻又帶點科技的感覺，好像走進了一個充滿驚喜的數位世界。我對這種結合了視覺衝擊跟實用技術的書特別有興趣。現在這個時代，大家都離不開地圖、定位服務，但如果這些地圖還能「說話」，那代表它能傳達的資訊量絕對是爆炸性的吧！我猜測這本書應該會深入探討如何讓靜態的地理資訊活起來，可能是透過視覺化、動態效果，甚至是某種互動機制，讓使用者不再只是看地圖，而是真正「聽見」地圖在說什麼故事。對於我們這些在科技前線摸索的開發者來說，這種能讓冰冷數據擁有溫度的技術，簡直是聖杯等級的誘惑啊。我非常好奇作者是如何從底層的 WebGIS 技術，一步步建構出這種富有情感、能引發共鳴的呈現方式。這不只是技術教學，更像是一種美學的傳達。
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 ttbooks.qciss.net All Rights Reserved. 小特书站 版权所有