Leaflet笔记——加载WFS标准的矢量数据

来源：互联网发布：mac镜像文件dmg下载编辑：程序博客网时间：2024/05/29 14:31

在学习一段时间ol之后，看到Leaflet做出的精美地图，比如绘制飞机航线图、带箭头、方向的线段等，就想研究研究。一开始也纠结openlayers和Leaflet哪个功能强大，捣鼓几天个人觉得，功能和系统性来说openlayers绝对强大，尤其对各种数据源的支持，非常全面和方便，功能封装的也比较好；Leaflet重点在于功能亮点，插件比较多，但是也比较散乱，api和帮助文档以及学习资料也远不及ol方便，源码继承逻辑也比ol复杂得多。这是我学习后的感触，言归正传，下面对leaflet加载wfs标准的矢量图层做下笔记。

function loadWFS(layerName,epsg){var param = {service:'WFS',version:'1.0.0',request:'GetFeature',typeName:layerName,outputFormat:'application/json',srsName:epsg};var u = mapCfg.rootWFS + L.Util.getParamString(param,mapCfg.rootWFS);$.ajax({url: u, dataType:'json',success:loadWfsHandler,});var layer;function loadWfsHandler(data){console.log(data);layer = L.geoJson(data,{// style:function(feature){// return {// stroke:true,// color:'#F80909',// opacity: 1,//                 fillOpacity: 0.9,//                 fillColor: '#F80909',// weight:5// }// },pointToLayer:function(featyre,latlng){}}).addTo(map);}}

此处wfs由geoserver提供，函数参数layerName即带空间命名的图层名，比如（test:highway）；epsg：空间参考字符串（'EPSG:4326'）。回调函数中style函数没有则使用服务器默认样式，可自定义，且根据要素属性设置不同的样式。

先记录至此，其余功能待后续丰富吧

阅读全文

0 0