1 Star 0 Fork 0

houxiaoqi / cesium_buffer

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

cesium-buffer

基于cesium的图形缓冲区示例


基于cesium的图形缓冲区示例

使用

在项目中引入Cesium.js
然后引入 cesium_buffer.js 即可

 

    // 初始化
    let viewer = new Cesium.Viewer("viewerContainer")

    // 参数 缓冲范围
    let radius = 1, bufferEntity = [];

    // 创建点缓冲区
    let createPointBuffer = () => {
       // 绘制点 右键结束
        Cesium.drawPointGraphics({ viewer: viewer }).then((point) => {
          // 创建缓冲区范围
          point = point[0]
          let turfPositions = turf.point([point.lng, point.lat])
          bufferEntity.push(Cesium.createGraphicsBuffer({
            viewer: viewer,
            turfPositions: turfPositions,
            radius: Number(radius)
          }))
        })
    }
    
     // 创建线 缓冲区
    let createPolylineBuffer = () => {
       // 绘制线 右键结束
        Cesium.drawLineGraphics({ viewer: viewer }).then((lines) => {
          // 创建缓冲区范围
          let _lines = []
          lines.forEach((line) => { let point = [line.lng, line.lat]; _lines.push(point) })
          let turfPositions = turf.lineString(_lines)
          bufferEntity.push(Cesium.createGraphicsBuffer({
            viewer: viewer,
            turfPositions: turfPositions,
            radius: Number(radius)
          }))
        })
    }

     // 创建面缓冲区
    let createPolygonBuffer = () => {
        // 绘制面 右键结束
        Cesium.drawPolygonGraphics({ viewer: viewer }).then((polygons) => {
          // 创建缓冲区范围
          let _polygons = []
          polygons.forEach((polygon) => { let point = [polygon.lng, polygon.lat]; _polygons.push(point) })
          let turfPositions = turf.polygon([_polygons])
          bufferEntity.push(Cesium.createGraphicsBuffer({
            viewer: viewer,
            turfPositions: turfPositions,
            radius: Number(radius)
          }))
        })
    }

空文件

简介

cesium缓冲区功能实现 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/houxiaoqi1/cesium_buffer.git
git@gitee.com:houxiaoqi1/cesium_buffer.git
houxiaoqi1
cesium_buffer
cesium_buffer
master

搜索帮助