当前位置: 代码迷 >> 综合 >> Cesium+Vue加载倾斜数据3DTile
  详细解决方案

Cesium+Vue加载倾斜数据3DTile

热度:6   发布时间:2023-12-17 03:48:19.0

实现代码段(代码网上很容易找到,主要是倾斜数据发布部署问题):

 let tileSet = new Cesium.Cesium3DTileset({url: "http://localhost:8099//tileset.json"});viewer.scene.primitives.add(tileSet);viewer.zoomTo(tileSet);

其中url是本地iis发布的倾斜数据(倾斜数据如下图所示)

需要注意的配置:

  • 新建 .b3dm扩展名(不然会出现跨域访问不到文件报错)

  • 打开web.config编辑添加<requestFiltering allowDoubleEscaping="true" />(访问路径中含有‘+’、‘-’,启用双重转义序列,网上还有其它的解决方法

  • 进入HTTp响应头,添加值设置跨域(不然会出现跨域访问)
  1. Access-Control-Allow-Origin 值:* 
  2. Access-Control-Allow-Methods 值:GET, POST, PUT, DELETE, OPTIONS 
  3. Access-Control-Allow-Headers 值:Content-Type

QQ群(GIS开发交流、数据共享、软件使用):993836992