cesium加载wmts服务影像

Question

如题，在加载影像过程配置vue.config.js文件的如下代理服务

然后vue组件中加载wmts参数如下

但是加载进来后页面显示并没有加载成功

如下是url对应的xml文件里相关的参数信息

所以究竟问题出现在哪里我也搞不清楚了，大家帮忙看看哪里配置或者参数错了～

Answer 1

引自免费微信小程序：皆我百晓生

根据你提供的信息，问题可能出现在以下几个地方：

1. vue.config.js配置中的代理服务：请确保代理服务已正确配置。根据你提供的代码，代理服务的配置如下：

devServer: {
  proxy: {
    '/arcgis': {
      target: "https://",
      pathRewrite: {
        "/arcgis": ""
      },
      changeOrigin: true,
      secure: false
    }
  }
}

请确认target的值是否正确，并确保代理服务已启动。

1. WMTS服务链接是否正确：根据图2中的截图，WMTS服务的链接如下：

imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
  url: '/arcgis/arcgis/rest/services/MapServer/WMTS/1.0.0',
  layer: 'gd18_1',
  style: 'default',
  format: 'image/png',
  tileMatrixSetID: 'default',
  maximumLevel: 18
})

请确保url的链接正确，可以尝试在浏览器中直接访问该链接，确认是否能获取到正确的响应。

1. WMTS服务链接对应的配置文件的参数是否正确：根据图4中的截图，可以看出WMTS服务配置文件的相关参数。请确保以下参数的值与配置文件中的对应参数值相匹配：

• <ows:Identifier>：gd18_1
• <ows:LowerCorner>和<ows:UpperCorner>：坐标范围
• <TileMatrixSet>：default
• <ResourceURL>的template属性：https://arcgis/rest/services/tile/(TileMatrixSet)/{TileCol).png

如果以上步骤都确认没有问题，但仍然无法加载成功，可以尝试检查网络连接是否正常，或者尝试在浏览器的开发者工具中查看加载影像时是否有报错输出。

希望能帮到你解决问题！如果有更多细节或其他问题，请提供更多信息。