当前位置: 首页 > news >正文

dw软件是做什么用的如何做谷歌seo推广

dw软件是做什么用的,如何做谷歌seo推广,关于网站备案及管理的授权书,南宁网站设计可以找我根据不同的状态governanceType显示不同的颜色 数据格式首先清楚别的图层 this.removeLayer();// 创建一个映射,将governanceType映射到颜色const colorMapping1 {18: rgba(126, 97, 18, 0.5), // 假设治理类型1对应颜色选项019: rgba(160, 133, 254, 0.5), // 假…

根据不同的状态governanceType显示不同的颜色
数据格式
在这里插入图片描述
首先清楚别的图层
this.removeLayer();

 // 创建一个映射,将governanceType映射到颜色const colorMapping1 = {'18': 'rgba(126, 97, 18, 0.5)',  // 假设治理类型1对应颜色选项0'19': 'rgba(160, 133, 254, 0.5)',  // 假设治理类型2对应颜色选项1'15': 'rgba(55, 43, 65, 0.5)',  // 假设治理类型3对应颜色选项2'20': 'rgba(178, 111, 173, 0.5)',  // 假设治理类型3对应颜色选项2'1': 'rgba(150, 209, 16, 0.5)',  // 假设治理类型4对应颜色选项3'3': 'rgba(49, 77, 92, 0.5)',  // 假设治理类型5对应颜色选项4'14': 'rgba(248, 49, 176, 0.5)',  // 假设治理类型6对应颜色选项5'16': 'rgba(141, 13, 63, 0.5)',  // 假设治理类型7对应颜色选项6'17': 'rgba(6, 206, 10, 0.5)',  // 假设治理类型7对应颜色选项6'2': 'rgba(37, 189, 131, 0.5)',  // 假设治理类型7对应颜色选项6// 其他治理类型映射};const colorMapping = {'18': 'rgba(126, 97, 18, 1)',  // 假设治理类型1对应颜色选项0'19': 'rgba(160, 133, 254, 1)',  // 假设治理类型2对应颜色选项1'15': 'rgba(55, 43, 65, 1)',  // 假设治理类型3对应颜色选项2'20': 'rgba(178, 111, 173, 1)',  // 假设治理类型3对应颜色选项2'1': 'rgba(150, 209, 16, 1)',  // 假设治理类型4对应颜色选项3'3': 'rgba(49, 77, 92, 1)',  // 假设治理类型5对应颜色选项4'14': 'rgba(248, 49, 176, 1)',  // 假设治理类型6对应颜色选项5'16': 'rgba(141, 13, 63, 1)',  // 假设治理类型7对应颜色选项6'17': 'rgba(6, 206, 10, 1)',  // 假设治理类型7对应颜色选项6'2': 'rgba(37, 189, 131, 1)',  // 假设治理类型7对应颜色选项6// 其他治理类型映射};// 已通过图层this.vectorLayer = new VectorLayer({source: new VectorSource({features: [], // 初始化features数组}),style: (feature) => {const governanceType = feature.get('governanceType'); //通过get方法获取feature里面governanceTyped属性值console.log(governanceType,'governanceType')return new Style({fill: new Fill({color: colorMapping1[governanceType] || this.drawColorOptions[2].fill, // 默认颜色}),stroke: new Stroke({color: colorMapping[governanceType],//  color: this.drawColorOptions[2].stroke,width: 2,}),});},visible: true,zIndex: 999,});let data = {type: "FeatureCollection",features: list.filter((item) => item.operationState === 1).map((item) => {return {type: "Feature",geometry: item.pondGeomJson,properties: {governanceType: item.governanceType, // 确保governanceType在properties中},};}),};console.log(data,'data')let features = new GeoJSON().readFeatures(data);this.vectorLayer.getSource().addFeatures(features);this.map.addLayer(this.vectorLayer);

在这里插入图片描述

http://www.dtcms.com/a/587525.html

相关文章:

  • 网络图片+本地存储+阿里云OSS+通义万相轻松实现
  • 网站被k后是怎样的链接购买
  • Linux下的软件包管理器vim编辑器详解与配置
  • 做影视网站该怎么发展心雨在线高端网站建设专业
  • 怎么做qq分享网站网站建设中出现的问问题
  • Camsys 时间戳信息简介
  • 免费视频素材网站推荐用什么程序做网站
  • 邢台网站建设哪家好网页设计主页面
  • LangChain v1.0 完整了解指南
  • 网站代码用什么打开哪个通讯公司网络好
  • 盘锦建设小学网站美食网站策划书
  • 网站页面设计制作qq是哪个公司创办的
  • 网站建设课程性质东莞市视频直播网站开发
  • 宁波住房和城乡建设部网站做设计的网站商家入驻
  • 做企业免费网站ps怎么艺术字字体设计网站
  • 大兴做网站公司南京省住房和城乡建设厅网站
  • 卡西欧 4764 LCF10 调时间
  • 医药电子商务网站建设佛山营销网站建设费用
  • 如何让百度快照找到自己的网站网站页面风格分类
  • 成都建设网站分享什么网站没人做
  • 深圳网站建设需要多少钱oa系统怎么用
  • 免费制作封面的网站带有客户案例的网站
  • 建网站需要什么设计专业seo优化需要做什么
  • 黔南网站建设多少钱长沙seo公司网站优化
  • 廊坊网站建设解决方案无锡网站建设哪家做
  • gate网站合约怎么做空网站开发与维护岗位说明书
  • 怎么自己建网站赚钱彬县网站
  • 广州 网站制网站做广告的好处
  • 设计网站推荐百度贴吧东莞证券官网
  • 网站前台的功能模块关于加强企业门户网站建设通知