【mars3d】监听相机视高，控制图层显示隐藏

最新推荐文章于 2024-09-08 21:36:12 发布

mianmianwu

最新推荐文章于 2024-09-08 21:36:12 发布

阅读量218

点赞数 2

分类专栏： app Mars3d vue 文章标签：前端 vue.js cesium webgl javascript

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

版权

Mars3d 同时被 3 个专栏收录

185 篇文章 16 订阅

订阅专栏

vue

181 篇文章 2 订阅

订阅专栏

app

163 篇文章 0 订阅

订阅专栏

【mars3d】监听相机视高，控制图层显示隐藏

大于50000米的高空视角，图层显示

小于50000米的低空视角，图层隐藏

代码：

  map.on(mars3d.EventType.cameraChanged, function (event) {
    const graphicLayer = new mars3d.layer.GeoJsonLayer({
      name: "标绘示例数据",
      url: "//data.mars3d.cn/file/geojson/mars3d-draw.json",
      popup: "{type} {name}",
      queryParameters: {
        token: "mars3d" // 可以传自定义url参数，如token等
      },
      symbol: {
        merge: true,
        styleOptions: {
          // 高亮时的样式
          highlight: {
            type: "click",
            opacity: 0.9
          }
        }
      }
    })
    map.addLayer(graphicLayer)

    if (map.camera.positionCartographic.height < 50000) {
      graphicLayer.show = false
    } else {
      graphicLayer.show = true
    }
  })