WfsLayer不限制请求层级导致地图崩溃的解决方案

mianmianwu

于 2024-07-24 14:35:24 发布

阅读量62

点赞数 1

分类专栏： vue Mars3d app 文章标签：前端服务器数据库地图 javascript chrome

本文链接：https://blog.csdn.net/m0_69803146/article/details/140661806

版权

Mars3d 同时被 3 个专栏收录

165 篇文章 16 订阅

订阅专栏

vue

161 篇文章 2 订阅

订阅专栏

app

144 篇文章 0 订阅

订阅专栏

此时崩溃切无报错，整个浏览器内存溢出了。

整个矢量数据图层的服务是很大的，如果不限制请求层级一次性加载的话，整个地图就会崩溃且无法排查。

解决方案：

需要用到参数minimumLevel，限制请求层级，避免一次性请求大量数据造成崩溃。

  const wfsLayer = new mars3d.layer.WfsLayer({
    name: "建筑物面WFS",
    url: "//server.mars3d.cn/geoserver/mars/wfs",
    layer: "mars:hfjzw",
    minimumLevel: 15,
    symbol: {
      type: "polyline",
      styleOptions: {
        width: 2,
        materialType: mars3d.MaterialType.LineFlow,
        materialOptions: {
          color: "#00ffff",
          image: "img/textures/fence-line.png",
          speed: 10,
          repeat_x: 10
        }
      }
    },
    show: true,
    flyTo: true
  })
  map.addLayer(wfsLayer)
  wfsLayer.hasEdit = true