2.3 熱力圖

（1）熱力圖簡介

Heatmap 是用來呈現一定區域內的統計度量，最常見的網站訪問熱力圖就是以特殊高亮的形式顯示訪客熱衷的頁面區域和訪客所在的地理區域的圖示。Heatmap.js 這個 JavaScript 庫可以實現各種動態熱力圖的製作，並且以web頁面的形式展示出來，化抽象的資料為熱力圖，更加形象地展現出某一區域資料的特徵。Heatmap.js V2.0 是目前網路上最先進的熱圖視覺化庫。新的2.0版本 擁有更強的渲染模組，使用更方便。

（2）資料處理

①篩選資料

操作資料庫拋去資料中不符合的資料（包括非住宅型別，非鋼混結構等等）。

②按區提取資料

從初步篩選好的資料中提取大連中心五區（甘井子區，高新園區，西崗區，中山區，沙河口區）的資料作為展示的資料來源。

③按小區名分類

從提取好的每個區的資料表中再根據不同的小區歸類，為下面求取房價均值做基礎。

④求平均房價

操作資料庫實現交易價格和建築面積兩列的相除，並根據小區提取出小區的平均房價。

⑤獲取小區地理座標

通過python指令碼讀取上步處理好的資料，並呼叫百度提供的拾取座標系統介面實現小區座標的批量生成，最後儲存為JSON檔案，方便瀏覽器展示。

⑥整理座標並展示

將獲取的包含小區座標和房價資訊的JSON檔案插入到web頁面實現大連房價的熱力圖展示。

（3）熱力圖效果展示

圖11 大連市區房價熱力圖

圖12 甘井子區房價熱力圖

圖13 中山區房價熱力圖

圖14 沙河口區房價熱力圖

圖15 西崗區房價熱力圖

圖16 高新園區房價熱力圖