vue+cesium加载Geoserver WMS加载本地shp文件

1、先看看效果图,网上找的免费的SHP数据

vue+cesium加载Geoserver WMS加载本地shp文件

vue+cesium加载Geoserver WMS加载本地shp文件

 

 

 

 

2、遇到的问题:

cesium无发加载wms图层,查了一下是跨域的问题。

导入跨域的jar包

vue+cesium加载Geoserver WMS加载本地shp文件

 

 

 

把cros注释取消

cros在    x:/xx/GeoServer 2.11.0/webapps/geoserver/WEB-INF/web.xml里 

vue+cesium加载Geoserver WMS加载本地shp文件

 

 

 

 

这样就可以调用出来了

vue+cesium加载Geoserver WMS加载本地shp文件

 

 

 3、核心代码:

const viewer = new Cesium.Viewer('cesiumContainer');
      viewer.imageryLayers.addImageryProvider(new Cesium.WebMapServiceImageryProvider({
      url: 'http://xxIP:8088/geoserver/cesium/wms?',   //服务地址
      layers: 'cesium:xx',                    //服务图层,修改成自己发布的名称
      parameters: {
      service: 'WMS',
      format: 'image/png',
      transparent: true
     }, 
  })
); 

Cesium调用Geoserver发布的 WMS、WFS服务

https://www.cnblogs.com/arxive/p/8414843.html

 

路漫漫其修远兮,要学路还有很长很长....

 

上一篇:基于Android的微信主界面


下一篇:element ui table 只展开一行