首页 > 其他分享 >cesium 加载geoJson格式的图斑

cesium 加载geoJson格式的图斑

时间:2022-11-10 16:13:46浏览次数:54  
标签:viewer 图斑 geoJson Cesium geoSource cesium type

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 } }
 ]}

完结

标签:viewer,图斑,geoJson,Cesium,geoSource,cesium,type
From: https://www.cnblogs.com/oxiaojiano/p/16877364.html

相关文章

  • Cesium 渐变色柱子
    直接上代码吧://自定义顶点着色器和片源着色器letappearance=newCesium.MaterialAppearance({vertexShaderSource:`attributevec3posit......
  • STK基础教程以及STK与Cesium的关系
    STK基础教程:https://www.doc88.com/p-7374957800715.htmlSTK和Cesium非常像。。Cesium的很多灵感来自于STK。其次是Insight3D>>什么是STK?它可以用来做什么呢?:https://www.......
  • Cesium提交记录
     提交记录1  每次release所做的修改记录  参考:https://github.com/CesiumGS/cesium......
  • cesium源码分析-Worker&gltf
    Worker:cesium中使用线程的一个方面是进行几何数据计算,通常计算耗时,放到线程中计算也很合理,但是通常几何数据占用相当大的内存,虽然浏览器中主线程与子线程传递数据可以使用......
  • 6步解决 win7下使用TileStache生成geojson格式的Tiles
      有人说:一个人从1岁活到80岁很平凡,但如果从80岁倒着活,那么一半以上的人都可能不凡。生活没有捷径,我们踩过的坑都成为了生活的经验,这些经验越早知道,你要走的弯路就会越少......
  • Cesium的HeadingPitchRange 用法
    这个有别于headingpitchroll,headingpitchroll是用在orientation属性上的(比如相机的setView,flyTo,以及entities.add中)HeadingPitchRange一般用在模型加载之后的定位上,比如v......
  • openlayers 添加行政区域 geojson
    先地图初始化然后再添加图层 import{VectorasVectorLayer}from'ol/layer';import{VectorasVectorSource}from'ol/source';import{GeoJSON}from'ol......
  • VUE - Cesium 计算视角中心点
    VUE-Cesium计算视角中心点 cesium根据输入角度设置中心点(俯仰角度)1.初始化地图this.viewer=newCesium.Viewer('cesiumContainer',{animation:true,......
  • CesiumJS 技术博客:glTF 模型(Model)加载新架构
    目录1.加载一个glTF模型2.着色器优先的模型渲染设计3.模型渲染管线3.1.管线举例4.与3DTiles集成5.译者的话原文:https://cesium.com/blog/2022/10/05/tour-of-......
  • VUE - Cesium 测量
    VUE-Cesium测量 增加测量类:cesiumUtilMeasure.js/**测距*/letCesiumUtilMeasure={};lethandler=null;letMEA={Entitys:[],};//测量空间直线......