cesium加载geoJson格式的图斑方法

最新推荐文章于 2024-04-29 20:32:47 发布

来了，小老弟

最新推荐文章于 2024-04-29 20:32:47 发布

阅读量602

点赞数

分类专栏： cesium 文章标签： vue

本文链接：https://blog.csdn.net/yu_xiaojian55/article/details/127790846

版权

cesium 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Cesium加载geoJson 格式的图斑方法：

// 首次进来判断是否存在图斑 
if(this.geoSource) {
    this.Global.viewer.dataSources.remove(this.Global.viewer.dataSources.getByName('图斑')[0])
 }
let geoData = {
  "type": "FeatureCollection", "features": [
      { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": this.coordinates}, "properties": { "Id": 0 } }
  ]}
this.geoSource = Cesium.GeoJsonDataSource.load(geoData,{
  stroke:Cesium.Color.YELLOW,
  fill:Cesium.Color.YELLOW.withAlpha(0.5),
  strokeWidth: 8,
  clampToGround: true //是否贴地
  })
  this.geoSource.then((res) => {
  this.Global.viewer.dataSources.add(res);
  res.name = '图斑'
})

####补充geoJson 可是作为示例

{type": "FeatureCollection", "features": [
      { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [
          [
            [
              114.14252662700005,
              35.68635368300005
            ],
            [
              114.14277076700012,
              35.685392380000053
            ],
            [
              114.14137077300006,
              35.685319900000025
            ],
            [
              114.14035987900002,
              35.685838699000044
            ],
            [
              114.14057350200005,
              35.686693192000064
            ],
            [
              114.14252662700005,
              35.68635368300005
            ]
          ]
        ]}, "properties": { "Id": 0 } }
 ]}