Cesium 修改geojson样式

修改geojson的样式，主要就是修改geojson渲染的entity的样式，直接查看下列代码

// 加载geojson
let geoPromise = Cesium.GeoJsonDataSource.load("/geovis/projects/project_368/中华人民共和国.json",{stroke: Cesium.Color.WHITE,   // 边框颜色fill: Cesium.Color.RED.withAlpha(0.5),  // 填充颜色strokeWidth: 3, // 边框宽度});//获取到geojson的数据
geoPromise.then((dataSource) => {// 添加geojsongvEarth.dataSources.add(dataSource)// 更换geojson的样式dataSource.entities.values.forEach((item, index, arr) => {// 修改多边形边框颜色（需要修改其他的，通过item拿到的就是entity了）item.polygon.outlineColor = Cesium.Color.BLUE;})
})

修改前

修改后

Cesium 修改geojson样式相关推荐

cesium 修改鼠标样式
十字: viewer._container.style.cursor = "crosshair"; 默认: viewer._container.style.cursor = &qu ...
关于无法修改CheckBox样式的解决方案
关于无法修改CheckBox样式的解决方案参考文章: (1)关于无法修改CheckBox样式的解决方案 (2)https://www.cnblogs.com/yangjf/archive/2012/ ...
通过CSS修改checkbox样式(利用label的for属性进行焦点传递)
需求背景: 在页面设计时,常常会用到input复选框.如果用到一些前端框架的话,一般复选框的样式都可以满足需要:但是对于未使用前端框架,直接原生的话样式可能满足不了项目需要,因此我们需要修改复选框的样 ...
【uni-app】深度作用选择器解决修改checkbox样式无效问题
uni-app表单多项选择器需要使用内置组件checkbox,具体使用见官网链接,如下: checkbox - uni-app官网 (dcloud.io) 官方给出h5端的默认样式是这样的: 现在 ...
vue 方法里面修改样式_vue中修改swiper样式
问题 vue单文件组件中无法修改swiper样式. 解决 1,单文件组件中:新增一个style 不加scoped 让它最终成为全局样式.只在其中操作swiper的样式. .swiper-contain ...
javascript 动态修改css样式
方法一:改变外联css文件,这里不讲这个. 方法二:通过改变claaName来改变样式,语法: obj.className = "style2";//或者 obj.setAttri ...
php form 添加滚动条,element 使用总结(1. tree使用 2. table修改滚动条样式 3. el-form 自定义label添加icon)...
一, vue_elementUI_ tree树形控件 1.默认点击tree节点的第一个(注意不是checked选中) @node-drop="handleDrop"ref=&qu ...
修改ElementUI样式的几种方式
ElementUI是一款非常强大的前端UI组件库,它默认定义了很多美观的样式,但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式.下面总结了几种修改默认样式的方法. 1. 新建全 ...
aspx 修改了样式但是在点击按钮后被刷新_135编辑器使用教程|动画按钮到底在哪里啊？...
胖友们大家好呀,我是三儿最近不少胖友都有很多的小问号比如下面这些: 动画按钮在哪里呀? 如何切换专业版啊? 为什么我的样式没有动画按钮啊? 所以今天三儿就收集了一些问题挑选出来几个胖友们在工作 ...

Cesium 修改geojson样式

Cesium 修改geojson样式相关推荐

最新文章

热门文章