1、发布WFS地图服务
在发布地图服务的时候勾选WFS,分析无错误即可发布。
2、使用arcgis js api创建WFS图层,往地图上叠加。
2.1 找到发布的地图服务,查看WFS的服务url,并记录下来。
2.2 创建WFS图层类,并添加到地图中,js代码如下。
<script>
var map;
require(["esri/map",
'esri/layers/WMSLayer',
'esri/layers/WMSLayerInfo',
'esri/geometry/Extent',
"esri/InfoTemplate", "esri/layers/WFSLayer",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/config",
"dojo/domReady!"
], function(Map,
WMSLayer,WMSLayerInfo,Extent,
InfoTemplate, WFSLayer,ArcGISTiledMapServiceLayer,ArcGISDynamicMapServiceLayer,
esriConfig
) {
// 设置ArcGIS JS API代理
esriConfig.defaults.io.proxyUrl = "http://127.0.0.1/ArcGISProxy/proxy.ashx";
esriConfig.defaults.io.alwaysUseProxy = false;
map = new Map("map", {
center: [120.111, 36.004],
zoom: 15
});
//使用ArcGIS Server自带的一个地图服务作为底图
map.addLayer(new ArcGISDynamicMapServiceLayer('http://localhost:6080/arcgis/rest/services//SampleWorldCities/MapServer'));
var url = "http://127.0.0.1:6080/arcgis/services/WFS/wfs01/MapServer/WFSServer";
var opts = {
"url": url,
"version": "1.1.0",
"name": "china_WGS84", //地图服务里面的图层名称
"wkid": 3857, //发布的地图服务的坐标系
"maxFeatures": 1000
};
var layer = new WFSLayer(); // 创建WFS地图图层
layer.fromJson(opts);
map.addLayer(layer);
});
</script>
最终结果如下: