本人博客主頁: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文件。

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

<!DOCTYPE html> &
        
		

網(wǎng)友評(píng)論