最近,突然看到自己三年前做的一個項目, 里面用到了leafletjs, 首先介紹一下leafletjs是個啥?
1. leafletjs是個啥?
Leaflet 是一個為建設(shè)移動設(shè)備友好的互動地圖,而開發(fā)的現(xiàn)代的、開源的 JavaScript 庫。它是由 Vladimir Agafonkin 帶領(lǐng)一個專業(yè)貢獻者團隊開發(fā),雖然代碼僅有 38 KB,但它具有開發(fā)人員開發(fā)在線地圖的大部分功能。
Leaflet設(shè)計堅持簡便、高性能和可用性好的思想,在所有主要桌面和移動平臺能高效運作,在現(xiàn)代瀏覽器上會利用HTML5和CSS3的優(yōu)勢,同時也支持舊的瀏覽器訪問。支持插件擴展,有一個友好、易于使用的API文檔和一個簡單的、可讀的源代碼。
2. 我的項目中為啥用leafletjs
項目期間,嘗試過百度地圖,也嘗試過谷歌地圖的二次開發(fā),但是由于各種原因,總是不能如你所愿!(就自己的項目進行分析)
1.百度地圖
缺點:1. 百度衛(wèi)星圖,地圖瓦片圖,滿足不了地圖等級!
2. 離線地圖操作繁瑣,所需下載時間過長,且遠程部署困難!
2.谷歌地圖
缺點:1. 離線地圖開發(fā)周期長且難度大,人員有限!
2. 谷歌的坐標體系和百度的坐標體現(xiàn),存在誤差!導(dǎo)致相關(guān)人員采集的數(shù)據(jù),需要轉(zhuǎn)換!(新項目與舊項目之間),完全的新項目不存在此問題?。ㄐ屡f項目的兼容問題)主要是坐標體系不一樣,導(dǎo)致的經(jīng)緯度的誤差?。╓GS-84,GCJ-02 ,CGCS2000...)
3.Leafletjs開源地圖
- 地圖開源,不用擔心商業(yè)化后的版權(quán)等一系列的問題;
- 可聚合多種地圖,谷歌坐標體系下;
- 地圖插件豐富,滿足日常開發(fā)需求;
- 開發(fā)文檔詳細具體,方便查閱;
3.幾張展示圖(插件可切換瓦片圖,具體細節(jié)不展示)

image.png

image.png

image.png
4.一些插件截圖,也可自己去官網(wǎng)查看

image.png

image.png

image.png
自己用的很方便,所以建議嘗試一波,如果牽扯到gis的項目!
點個贊??!