本人博客主頁:http://www.cnblogs.com/webbest/
2017年春節(jié)已經(jīng)過完,新一年的奮斗也剛剛開始。今年要經(jīng)歷的挑戰(zhàn)也是大大的。。。不扯了。
年底前軟件項(xiàng)目相對(duì)較多,恰巧在年底進(jìn)入一家新公司,項(xiàng)目自然一個(gè)接一個(gè),沒有絲毫停歇。年底之前的電信運(yùn)營(yíng)商春節(jié)保障項(xiàng)目時(shí)節(jié)前做的最后一個(gè)項(xiàng)目,時(shí)間緊,任務(wù)中。主要還是涉及到以前沒有用過,并且公司也沒人實(shí)踐過的離線地圖瓦片加載熱力圖效果的應(yīng)用。
接到這個(gè)任務(wù)也是摸不著頭腦,產(chǎn)品經(jīng)理讓先看看openstreetmap,了解一下其中的一些API接口。經(jīng)過了解才知道這只是一大個(gè)地圖包,并沒有提供現(xiàn)實(shí)的離線地圖的方案。帶我的師傅說可以了解一下openlayers,使用openlayers也加載了一個(gè)離線地圖瓦片進(jìn)來。團(tuán)隊(duì)中的大神建議使用leaflet來做離線地圖瓦片的加載,因?yàn)橄鄬?duì)簡(jiǎn)單,不需要像openlayers那樣加載太多依賴。
先上代碼:
先加載:leaflet.js和leaflet.css,以及heatmap.js和heatmap-leaflet.js文件。
<!DOCTYPE html> &