ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-10-12 14:01:31  阅读:620  来源: 互联网

标签:shp vue WMS cros Cesium xx cesium 加载


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

 

 

 

 

2、遇到的问题:

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

导入跨域的jar包

 

 

 

把cros注释取消

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

 

 

 

 

这样就可以调用出来了

 

 

 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

 

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

 

标签:shp,vue,WMS,cros,Cesium,xx,cesium,加载
来源: https://www.cnblogs.com/dongzi1997/p/15397558.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有