， 不過這里的熱度可以用于任何可測(cè)量的活動(dòng)。地圖上活躍程度髙的部分使用暖色標(biāo)記(例如紅色、 黃色或白色)，活躍程度低的部分不顯示顏色變化，或者顯示淺淺的黑色或灰色。

舉個(gè)例子

，熱點(diǎn)圖可以用在城市地圖上來標(biāo)記交通路況，或者在世界地圖上顯示風(fēng)暴的活動(dòng)情況。

 

    在HTML5中這些應(yīng)用都非常容易實(shí)現(xiàn)

，只需要將carwas疊放在地圖上顯示即可。實(shí)際上 就是用canvas覆蓋地圖，然后再基于相應(yīng)的活動(dòng)數(shù)據(jù)繪制出不同的熱度級(jí)別。

    現(xiàn)在，我的使用已經(jīng)學(xué)過的Canvas API知識(shí)來繪制一個(gè)簡單的熱點(diǎn)圖

。這個(gè)示例中，熱度 數(shù)據(jù)不是來源于外部，而是來廉于我們的鼠標(biāo)在地圖上的移動(dòng)情況?鼠標(biāo)移動(dòng)到某個(gè)區(qū)域，會(huì)使 這個(gè)區(qū)域的“熱度”增加。將鼠標(biāo)放在特定區(qū)域不動(dòng)會(huì)讓該區(qū)域“溫度”迅速增長至極限。為了 示范，我們將在一個(gè)“難以名狀”的地圖上進(jìn)行熱點(diǎn)圖的覆蓋演示。