說起地圖功能,大家都不陌生。下面我羅列下常用的幾個地圖:
1.谷歌地圖,功能很強大,多語言支持很NICE,API也完善。但是!!!你懂的,沒有梯子。所以還是放棄吧,不過對於地址解析(地址轉換為經緯度),和逆解析(經緯度轉換為地址),還是很精准的。
2.百度地圖,說是多語言支持,不過目前還沒有沒出現,高德好像也一樣,重點是百度地圖我一直覺得畫出來的圓不是圓的,此處要有一個尷尬而又不失禮貌的微笑。
3.leaflet(https://leafletjs.com/)相對於上面幾個來說,融合性強一些,多語言支持很不錯的。
人狠話不多,直接上重點。
起步:
1.在網頁上直接引入就行
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
2.頁面上要有一個容器放置這個地圖,設一個高寬。
到這一步,地圖就出現了,完成了歷史性的一步。畫點,畫線,自定義圖標什么的,都可以在文檔上找到,我就不再重復了。說到自定義圖標,那不得不是說百度地圖了,換個自定義的是相當麻煩,也可能是我當時學藝不精。我那時候,我記得,如果要換成自定義的,就要使用網絡圖片,本地的還不行。所以我用了BASE64。還有一種黑科技,就是找到元素,用背景圖片替換了,不過要找到地圖上的元素,也是相當的麻煩。
###今天先寫到這,后續更新