使用 mapbox 實現全國房價數據可視化

1. mapbox 介紹

mapbox 是一個開源的地圖引擎，爲開發者提供專業地圖開發工具，包括高度開放的 API 和開源 SDK，同時對跨平臺有很是好的支持。

同時，支持離線地圖的加載，如本身部署地圖服務器，而後前端經過 mapbox 引擎進行加載渲染。

1.1 爲何選擇 mapbox

mapbox 提供了很是優雅的地圖樣式、足夠強大的前段地圖框架 mapboxgl，以及很是豐富的前段空間運算處理框架生態。

同時若是須要私有化部署，能夠進行幾乎無縫地切換。

mapbox 分公司也入駐中國，感興趣能夠去查閱相關報道。

2. 主要技術棧

下面簡要介紹下使用到的技術棧，部分技術棧已在咱們的社區中錄製成視頻教程，感興趣的下載學習便可。

2.1 數據抓取與清洗

使用 Python + BeautifulSoup 進行數據的抓取，後端採用 MongoDB 進行存儲，並在入庫後進行對應的數據清洗、關聯處理。

2.2 後端 + 前端

• 後端採用對應的後端語言實現數據接口 API，部分數據接口已經過 API Key 的形式提供給你們進行快速地數據讀取。
• 前端使用 ant.design 進行佈局，mapboxgl 做爲前端地圖引擎進行地圖的加載、數據渲染操做。
• 若是使用 mapbox 做爲底圖，須要注意座標系的問題，若是數據的座標系與 mapbox 的座標系（WGS84）不對應，那麼在數據渲染前須要進行座標系的轉換。
• 地圖數據圖例經過前端 colormap 框架實現了漸變色的生成。
• 最終實現了房價從低到高，顏色表現從冷色到暖色漸變，圖標從小到大的漸變。

3. 最終效果圖

查看地址：visual.gugudata.com

部分城市的數據會觸發頻率閾值，暫未開放。