leaflet地圖使用


 

 

說起地圖功能,大家都不陌生。下面我羅列下常用的幾個地圖:

1.谷歌地圖,功能很強大,多語言支持很NICE,API也完善。但是!!!你懂的,沒有梯子。所以還是放棄吧,不過對於地址解析(地址轉換為經緯度),和逆解析(經緯度轉換為地址),還是很精准的。

2.百度地圖,說是多語言支持,不過目前還沒有沒出現,高德好像也一樣,重點是百度地圖我一直覺得畫出來的圓不是圓的,此處要有一個尷尬而又不失禮貌的微笑

3.leaflet(https://leafletjs.com/)相對於上面幾個來說,融合性強一些,多語言支持很不錯的。

人狠話不多,直接上重點。

起步:

1.在網頁上直接引入就行

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.cssintegrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>

<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.jsintegrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>

2.頁面上要有一個容器放置這個地圖,設一個高寬。

到這一步,地圖就出現了,完成了歷史性的一步。畫點,畫線,自定義圖標什么的,都可以在文檔上找到,我就不再重復了。說到自定義圖標,那不得不是說百度地圖了,換個自定義的是相當麻煩,也可能是我當時學藝不精。我那時候,我記得,如果要換成自定義的,就要使用網絡圖片,本地的還不行。所以我用了BASE64。還有一種黑科技,就是找到元素,用背景圖片替換了,不過要找到地圖上的元素,也是相當的麻煩。

###今天先寫到這,后續更新

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM