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