leaflet加载geojson叠加显示功能代码
更新时间：2020年02月21日 12:04:33 作者：JackGIS
这篇文章主要介绍了leaflet加载geojson叠加显示功能代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了leaflet加载geojson叠加显示功能代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
geojson需要先制作shp，然后导入下面网站生成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 });
将地图的视野范围添加到相应区域。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了js实现瀑布流效果：当滚动条接近底部会自动生成新的内容。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
javascript实现根据iphone屏幕方向调用不同样式表的方法
这篇文章主要介绍了javascript实现根据iphone屏幕方向调用不同样式表的方法,涉及javascript针对样式表动态操作的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-07-07
本文主要介绍了Javascript中的 “&” 和 “|” 的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
索趣科技的答案...2007-02-02
今天稍微研究了下textarea随输入内容自动增长的功能，通过google参考了一些实现方式2011-12-12
这篇文章主要为大家详细介绍了JavaScript Canvas绘制圆形时钟效果的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
本文主要介绍了JavaScript树结构的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
js遍历、动态的添加数据的小例子，需要的朋友可以参考一下2013-06-06
项目开发过程中遇到JSON字符串回显的情况,直接显示的话效果很丑,不方便查看,因此需要在前端页面对JSON进行格式化显示,下面这篇文章主要给大家介绍了关于前端显示json格式化的相关资料,需要的朋友可以参考下2024-03-03
适用于javascript开发者的Processing.js入门教程
这篇文章主要介绍了适用于javascript开发者的Processing.js入门教程，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论