• 解决cesium切片底图能正常出来但是一直在控制台报错的问题


    一直以来都是使用cesiumlab对地图影像切片,然后去发布使用,经常遇到一个问题,就是在控制台老是报错,底图也能正常出来,可就是报错。报错信息如下。

    An error occurred in "v": Failed to obtain image tile X: 422 Y: 203 Level: 9.

    GET http://192.168.1.30:803/9/422/203.png net::ERR_FAILED 404

    Access to XMLHttpRequest at 'http://192.168.1.30:803/8/210/101.png' from origin 'http://192.168.1.30:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    虽然不影响什么,但是一片飘红很烦,而且影响调试,找遍全网也没找到解决办法,就研究了一个骚操作:

    根据报错信息找了一下,文件中确实没有这个切片,因为我们用的底图只有需要的那个地区,并不是整个地球的影像图,所以根本没有这些切片,报错就很正常了。

    我们的切片是从服务器发布的,然后浏览器从服务器请求过来的,既然如此,我们能不能保证每个请求都有图片,如果确实没有这个资源就给个默认图片,请求成功了就不会报错了,于是修改nginx配置。

    location / {
                root   html;
                index  index.html index.htm;
                add_header Access-Control-Allow-Origin *;
                add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
                add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
                if ($request_method = 'OPTIONS') { return 204; }
                if ( !-f $request_filename ){    #关键配置
                    rewrite (.*) /404.png;
                }
            }
    其中404.png是特意在根目录放的默认图片,这样没有切片时就会默认返回404.png了,为了不影响视觉效果,404.png是一张纯透明的图,为了节约性能,长宽都是1像素。
    至此,问题解决。
     
    更骚的操作,默认图片可以使用你你们的logo,这样,除了业务对应的区域之外,整个地球都是你们的logo了。
  • 相关阅读:
    Flink安装排坑指南
    Java对类进行XSS过滤
    java.sql.SQLException: 无法转换为内部表示
    Flutter环境搭建
    运行npm命令 TypeError: Cannot read property 'get' of undefined
    利用Xilinx的cordic ip做开方运算
    modelsim脚本化仿真出现的两个错误
    opencv中使用imread()读入的图像,始终为显示为8位深度
    PS端时钟供给PL使用的问题
    Xilinx 使用shift_RAM消耗分布式RAM(LUTRAM)还是BRAM (Block RAM)?
  • 原文地址:https://www.cnblogs.com/hmswt/p/16241513.html
Copyright © 2020-2023  润新知