網(wǎng)格熱力圖是基礎(chǔ)平面地圖的子組件，支持獨(dú)立的樣式和數(shù)據(jù)配置，包括網(wǎng)格的大小、顏色、邊寬以及經(jīng)緯度等，能夠以網(wǎng)格點(diǎn)的形式表現(xiàn)地理位置上的點(diǎn)的分布密度。本文介紹網(wǎng)格熱力圖各配置項(xiàng)的含義。
注意 當(dāng)前為v1.x版本的網(wǎng)格熱力層子組件指導(dǎo)文檔，如需查看該子組件v2.x版本的文檔內(nèi)容詳情，請(qǐng)參見網(wǎng)格熱力層（v2.x版本）。
單擊子組件管理下方的網(wǎng)格熱力圖，進(jìn)入配置面板配置網(wǎng)格熱力圖的樣式和數(shù)據(jù)。
配置
- 搜索配置：?jiǎn)螕?span id="z68uejxpaoma" class="ph uicontrol" id="d7e22">配置面板右上角的搜索配置，可在搜索配置面板中輸入您需要搜索的配置項(xiàng)名稱，快速定位到該配置項(xiàng)，系統(tǒng)支持模糊匹配。詳情請(qǐng)參見搜索資產(chǎn)配置。
- 網(wǎng)格大小：網(wǎng)格熱力圖的網(wǎng)格大小。DataV會(huì)根據(jù)您設(shè)置的網(wǎng)格大小和數(shù)據(jù)范圍計(jì)算出所有網(wǎng)格的數(shù)量和位置。
- 分級(jí)：網(wǎng)格熱力圖的顏色分級(jí)數(shù)。與起始顏色和終止顏色配置項(xiàng)配合使用，根據(jù)點(diǎn)的分布，設(shè)置每個(gè)網(wǎng)格的顏色。
- 起始顏色：起始網(wǎng)格的顏色，請(qǐng)參見顏色選擇器說(shuō)明進(jìn)行修改。DataV會(huì)根據(jù)數(shù)據(jù)中點(diǎn)的經(jīng)度緯度值，計(jì)算出點(diǎn)所在的網(wǎng)格，其中點(diǎn)個(gè)數(shù)最多的網(wǎng)格就為起始網(wǎng)格。
- 終止顏色：終止網(wǎng)格的顏色。DataV會(huì)根據(jù)數(shù)據(jù)中點(diǎn)的經(jīng)度緯度值，計(jì)算出點(diǎn)所在的網(wǎng)格，其中點(diǎn)個(gè)數(shù)最少的網(wǎng)格就為終止網(wǎng)格。
說(shuō)明 在起始網(wǎng)格和終止網(wǎng)格之間的網(wǎng)格，會(huì)根據(jù)您設(shè)置的分級(jí)數(shù)，對(duì)應(yīng)顯示起始顏色和終止顏色之間的顏色。
- 邊寬：網(wǎng)格邊框的寬度，范圍為0~6，單位為px。
- 邊框顏色：網(wǎng)格邊框的顏色。
數(shù)據(jù)
可下載上圖中的示例JSON代碼。
| 字段 | 說(shuō)明 |
|---|---|
| lng | 網(wǎng)格點(diǎn)的經(jīng)度。 |
| lat | 網(wǎng)格點(diǎn)的緯度。 |
| 配置項(xiàng) | 說(shuō)明 |
|---|---|
| 受控模式 | 打開開關(guān)，資產(chǎn)初始化狀態(tài)下不請(qǐng)求數(shù)據(jù)，僅通過(guò)回調(diào)ID或藍(lán)圖編輯器配置的方法發(fā)起請(qǐng)求數(shù)據(jù)；關(guān)閉開關(guān)，可以使用自動(dòng)更新請(qǐng)求數(shù)據(jù)。開關(guān)默認(rèn)為關(guān)閉狀態(tài)。 |
| 自動(dòng)更新請(qǐng)求 | 選中后可以設(shè)置動(dòng)態(tài)輪詢，還可以手動(dòng)輸入輪詢的時(shí)間頻次。取消選中后則不會(huì)自動(dòng)更新，需要手動(dòng)刷新頁(yè)面，或通過(guò)藍(lán)圖編輯器和回調(diào)ID事件來(lái)觸發(fā)請(qǐng)求更新數(shù)據(jù)。 |
| 數(shù)據(jù)源 | 單擊配置數(shù)據(jù)源，可在設(shè)置數(shù)據(jù)源面板中修改數(shù)據(jù)源類型和數(shù)據(jù)查詢代碼、預(yù)覽數(shù)據(jù)源返回結(jié)果以及查看數(shù)據(jù)響應(yīng)結(jié)果，詳情請(qǐng)參見配置資產(chǎn)數(shù)據(jù)。 |
| 數(shù)據(jù)過(guò)濾器 | 數(shù)據(jù)過(guò)濾器提供數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換、篩選和一些簡(jiǎn)單的計(jì)算功能。單擊添加過(guò)濾器，可在設(shè)置數(shù)據(jù)源面板配置數(shù)據(jù)過(guò)濾器腳本，詳情請(qǐng)參見過(guò)濾器使用說(shuō)明。 |
| 數(shù)據(jù)響應(yīng)結(jié)果 | 展示數(shù)據(jù)請(qǐng)求的響應(yīng)結(jié)果。當(dāng)數(shù)據(jù)源發(fā)生改變時(shí)，可單擊右側(cè)的 圖標(biāo)，實(shí)時(shí)查看數(shù)據(jù)響應(yīng)結(jié)果。
|
交互
此組件沒(méi)有交互事件。
藍(lán)圖編輯器交互配置
- 在畫布編輯器頁(yè)面，單擊基礎(chǔ)平面地圖子組件管理列表中網(wǎng)格熱力圖右側(cè)的
圖標(biāo)。
- 單擊頁(yè)面左上角的
圖標(biāo)。
- 在藍(lán)圖編輯器配置頁(yè)面，單擊導(dǎo)入節(jié)點(diǎn)欄內(nèi)的網(wǎng)格熱力圖組件，在畫布中可以看到如下圖所示的網(wǎng)格熱力圖的藍(lán)圖編輯器配置參數(shù)。
- 事件
當(dāng)數(shù)據(jù)接口請(qǐng)求完成時(shí)：數(shù)據(jù)接口請(qǐng)求返回并經(jīng)過(guò)過(guò)濾器處理后拋出的事件，同時(shí)拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)請(qǐng)參見上文的數(shù)據(jù)示例。
- 動(dòng)作
動(dòng)作 說(shuō)明 請(qǐng)求數(shù)據(jù)接口 重新請(qǐng)求服務(wù)端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如網(wǎng)格熱力層配置了API數(shù)據(jù)源為 http://api.test，傳到請(qǐng)求數(shù)據(jù)接口動(dòng)作的數(shù)據(jù)為{ id: '1'}，則最終請(qǐng)求接口為http://api.test?id=1。導(dǎo)入數(shù)據(jù)接口 按組件繪制格式處理數(shù)據(jù)后，導(dǎo)入組件，重新繪制。不需要重新請(qǐng)求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)請(qǐng)參見上文的數(shù)據(jù)示例。 顯示 顯示組件，不需要參數(shù)。 隱藏 隱藏組件，不需要參數(shù)。
- 事件