利用cesium架构配置线面功能

最新推荐文章于 2024-08-14 10:10:19 发布

合抱阴阳

最新推荐文章于 2024-08-14 10:10:19 发布

阅读量1.3k

点赞数

分类专栏： cesium地图 Cesium js 文章标签：架构

本文链接：https://blog.csdn.net/weixin_42496466/article/details/122966115

版权

js 同时被 3 个专栏收录

34 篇文章 3 订阅

订阅专栏

cesium地图

14 篇文章 23 订阅

订阅专栏

Cesium

13 篇文章 5 订阅

订阅专栏

一、图层配置

rline:{
  entities:[],
  options:{
    name:'线',
    isShow:true
  },
  entityType:'line'
},
rpolygon:{
  entities:[],
  options:{
    name:'面',
    isShow:true
  },
  entityType:'polygon'
}

二、符号配置

rlineSymbol:{
  type:'simple-line',
  color:[129, 0, 127, 178.5],
  width:6
},
rpolygonSymbol:{
  type:'simple-fill',
  outlineColor:[0, 227, 0, 178.5],
  outlineWidth:6,
  color:[129, 0, 0, 178.5]
},
rpolygonSymbol1:{
  type:'simple-fill',
  outlineColor:[0, 227, 222, 178.5],
  outlineWidth:6,
  color:[129, 129, 0, 178.5]
}

三、渲染设置

rline: {
  renderType: "single",
  symbol: Layersymbols.rlineSymbol
},
rpolygon: {
  renderType: "unique",
  renderField: "code",
  FieldUnique: [
    {
      value: "t1",
      symbol: Layersymbols.rpolygonSymbol
    },
    {
      value: "t2",
      symbol: Layersymbols.rpolygonSymbol1
    }
  ]
}

四、示例数据

export let linedata = [
  {
    code:'t1',
    positions: [
      115.66560745239256,
      34.41760191899927
    ,

        115.67530632019043,
        34.41795594404557
      ,

        115.685133934021,
        34.4180621512672
      ,

        115.69406032562254,
        34.4180621512672
      ,

        115.69509029388428,
        34.41700007298082
      ,

        115.69547653198244,
        34.416079594221465
      ,

        115.69607734680174,
        34.414769664672725
      ,

        115.69620609283447,
        34.41186650444182
      ,

        115.69624900817871,
        34.41048569775086
      ,

        115.69612026214601,
        34.40917568058836
      ,

        115.69067001342772,
        34.409211086727375
      ,

        115.69071292877196,
        34.402412833257614
    ]
  },
  {
    code:'t2',
    positions: [

        115.65389156341551,
        34.408679993068674
      ,

        115.65397739410399,
        34.40074859329574
      ,

        115.65402030944826,
        34.39625143890045
      ,

        115.65402030944826,
        34.39246231021496
      ,

        115.66543579101562,
        34.391895696789646
      ,

        115.66942691802979,
        34.39210817727362
      ,

        115.67281723022461,
        34.39285185471987
      ,

        115.68582057952881,
        34.39621602727694
      ,

        115.69114208221436,
        34.39759706949058
      ,

        115.69654941558836,
        34.399084320233015
      ,

        115.69775104522705,
        34.399332192786986
    ]
  }
]

export let polygondata = [
  {
    code:'t1',
    positions: [

        115.65393447875975,
        34.39239148374653
      ,

        115.66517829895021,
        34.39196652367755
      ,

        115.66946983337402,
        34.39210817727362
      ,

        115.67273139953613,
        34.39288726776679
      ,

        115.67290306091307,
        34.40117350877321
      ,

        115.67281723022461,
        34.4089632434396
      ,

        115.66543579101562,
        34.40875080575133
      ,

        115.65359115600586,
        34.40875080575133
      ,

        115.65393447875975,
        34.39239148374653

    ]
  },
  {
    code:'t2',
    positions: [


        115.60810089111328,
        34.36951139880403
      ,

        115.61840057373045,
        34.3712825264115
      ,

        115.62028884887694,
        34.37241602842845
      ,

        115.62260627746582,
        34.37694988311108
      ,

        115.62603950500488,
        34.38042094971783
      ,

        115.62612533569336,
        34.38141265660888
      ,

        115.62612533569336,
        34.38325436681817
      ,

        115.62681198120116,
        34.385308534262144
      ,

        115.62157630920409,
        34.39317057160274
      ,

        115.62020301818848,
        34.394091302447
      ,

        115.61685562133789,
        34.39444542699783
      ,

        115.60526847839354,
        34.39536614381781
      ,

        115.60329437255858,
        34.39522449573555
      ,

        115.60157775878906,
        34.394374602207535
      ,

        115.60071945190431,
        34.39295809381569
      ,

        115.60029029846191,
        34.39203735050556
      ,

        115.5996036529541,
        34.39132907952877
      ,

        115.5974578857422,
        34.3856626959692
      ,

        115.59677124023439,
        34.38389187245263
      ,

        115.5959129333496,
        34.37822498552107
      ,

        115.59599876403807,
        34.375320557335456
      ,

        115.59926033020018,
        34.37220349796861
      ,

        115.60080528259277,
        34.371211682026164
      ,

        115.60449600219725,
        34.370219854340526
      ,

        115.60707092285155,
        34.369582244627274
      ,

        115.60810089111328,
        34.36951139880403

    ]
  }
]

五、成果展示