OpenLayers访问WMS服务并获取要素的属性

OpenLayers 跨域访问WMS服务并获取要素的属性

整体思路:

1.因为我们这个地图服务是在Geoserver发布,要先解决跨域的问题,GeoServer启动有两种方式,一种是war存放在tomcat里启动,还有一种就是自己启动,所以要根据具体方式百度;
2.首先定义一个map,数据源里crossOrigin: ‘anonymous’,跨域要加,通过监听一个单击事件getGetFeatureInfoUrl来获取到点击的WMS要素的url, 通过fetch发送请求得到数据最后展示在页面里;
3.最后再小小说明下,如果不是这个坐标系,其他坐标系的话需要进行转换
我一般借助的是proj4js 坐标系转换详情

上代码







跨域WMS访问获取要素属性






	
 

OpenLayers访问WMS服务并获取要素的属性_第1张图片最后的结果就是点击某个要素会把要素里的属性全部展示出来

你可能感兴趣的:(OpenLayers,3+GeoServer)