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

    在学习一段时间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函数没有则使用服务器默认样式，可自定义，且根据要素属性设置不同的样式。

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

转载自：https://blog.csdn.net/sxzhustar/article/details/72833645