当前位置：首页 > news >正文

CesiumJS 本地数据瓦片加载南北两极出现圆点问题

news 来源：原创 2025/5/1 12:06:46

在这里插入图片描述

const imageryProvider = new UrlTemplateImageryProvider({
 url: "/gisimg/{z}/{x}/{reverseY}.png",
 minimumLevel: 0,
 maximumLevel: 19
    })

上面这段代码是加载本地切片，但是有个致命问题就是会出现南北两极显示蓝色圆点
解决方案：
加上这句话： viewer.value.imageryLayers.removeAll() 即可解决

viewer.value.imageryLayers.removeAll()
 const imageryProvider = new UrlTemplateImageryProvider({
 url: "/gisimg/{z}/{x}/{reverseY}.png",
 minimumLevel: 0,
 maximumLevel: 19
    })

首先我们需要知道我们加载的本地切片是什么投影类型？我加载的web墨卡托投影的本地切片，由上述可知，该数据纬度范围是在-85~85范围内的，所以南北极是没有影像的。CesiumJS在使用Web墨卡托覆盖极点时，会自动拉伸影像层。因此，你可以通过viewer.imageryLayers.removeAll()方法删除Cesium的默认影像层，然后添加你自己本地的影像切片数据，这样它就具有覆盖极点的相同行为。