leaflet加載geojson疊加顯示功能代碼
這篇文章主要介紹了leaflet加載geojson疊加顯示功能代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
geojson需要先制作shp,然后導(dǎo)入下面網(wǎng)站生成geojson。
geojson,最好放后臺,前臺通過異步請求去加載json,然后顯示。
getGeojsonByName({name:geojson_name}).then(data=>{ if (this.bondarylayer) { if (this.map.hasLayer(this.bondarylayer)) { this.map.removeLayer(this.bondarylayer); } } this.bondarylayer = L.geoJSON(data, { style: { color: '#E066FF', fillOpacity: 0, weight: 4, }, pane: 'overlayPane' }); this.map.addLayer(this.bondarylayer); });
疊加地圖之后,
this.map.flyTo([34.22, 109.114], 9, { animate: true, duration: 0.2 });
將地圖的視野范圍添加到相應(yīng)區(qū)域。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)瀑布流效果(自動(dòng)生成新的內(nèi)容)
本文主要介紹了js實(shí)現(xiàn)瀑布流效果:當(dāng)滾動(dòng)條接近底部會(huì)自動(dòng)生成新的內(nèi)容。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03javascript實(shí)現(xiàn)根據(jù)iphone屏幕方向調(diào)用不同樣式表的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)根據(jù)iphone屏幕方向調(diào)用不同樣式表的方法,涉及javascript針對樣式表動(dòng)態(tài)操作的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-07-07非主流的textarea自增長實(shí)現(xiàn)js代碼
今天稍微研究了下textarea隨輸入內(nèi)容自動(dòng)增長的功能,通過google參考了一些實(shí)現(xiàn)方式2011-12-12JavaScript Canvas繪制圓形時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制圓形時(shí)鐘效果的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04js遍歷、動(dòng)態(tài)的添加數(shù)據(jù)的小例子
js遍歷、動(dòng)態(tài)的添加數(shù)據(jù)的小例子,需要的朋友可以參考一下2013-06-06適用于javascript開發(fā)者的Processing.js入門教程
這篇文章主要介紹了適用于javascript開發(fā)者的Processing.js入門教程,感興趣的小伙伴們可以參考一下2016-02-02