leaflet加载geojson叠加显示功能代码
这篇文章主要介绍了leaflet加载geojson叠加显示功能代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
geojson需要先制作shp，然后导入下面网站生成geojson。
https://mapshaper.org/
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 });
将地图的视野范围添加到相应区域。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
简介 GeoJSON是一种用于编码各种地理数据结构的格式官网。满足JSON语法格式，具体的说明有两处,一是：wiki-GeoJSON_draft_version_6说明-英文,还有一个是在github上,开源中国上有中英文对照 geojson-spec,GeoJson用的比较广泛，如果想进一步了解二者的不同，请查看下面的扩展阅读 补充 样式说明 topojson 的样式只能通过加载时以参数传入进行
-
GIS数据和python对我来说是老帽子，但我对网络开发和地理空间网络应用程序非常陌生。 我已经学习了一个教程和一个类，我正在学习下面的脚本，但是我无法在传单中显示生成的geojson对象（多边形层）。但是，我可以将多边形层的所有功能记录到控制台。此外，在控制台中，我可以清楚地看到geojson对象的正确类型、属性和坐标数组。我还可以清楚地看到控制台中传单地图对象中的所有功能。 任何意见都将不胜感
-
ap.showLoading(OPTION | content) 显示加载提示。可直接传入一个字符串作为 OPTION.content 参数。 OPTION 参数说明 名称 类型 必填 描述 content String 否 loading 的文字提示 delay Number 否 延迟显示，单位 ms，默认 0。如果在此时间之前调用了 ap.hideLoading 则不会显示 代码示例 <scr
-
本文向大家介绍vue loadmore组件上拉加载更多功能示例代码，包括了vue loadmore组件上拉加载更多功能示例代码的使用技巧和注意事项，需要的朋友参考一下 最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。 首先简单写一下模板部分的html代码,，很简单清晰的逻辑： 然后就是业务
-
Since 8.0 showLoading 显示全局大菊花 使用方法 AlipayJSBridge.call('showLoading', { text: '加载中', }); 代码演示 显示/隐藏全局loading框 <h1>点击以下按钮看不同效果</h1> <p>注意安卓下显示loading后，会覆盖整个界面，所以请使用系统回退键关闭loading</p> <a href="javasc
-
描述 (Description) Foundation通过将data-overlay设置为false来删除叠加data-overlay 。 例子 (Example) 以下示例演示了在Foundation中使用no overlay - <!doctype html> <head> <meta charset = "utf-8" /> <meta http-equiv =