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

mars3d对geojson图层分属性设置样式

开发中可能会遇到如下需求,在全省的数据中按某个属性⾼亮展示某市区。此时就需要使⽤分属性样式的api了。⽂档如下。GeoJsonLayer - Mars3D API文档

属性是根据⽮量数据的属性进⾏匹配。可以通过    layer.graphics[0]?.attr   ⽅式获取。
指导有哪些属性之后先设置   symbol.styleField    为你需要的属性,如:
layer.setOptions({
symbol: {
styleField: name,
},
});
然后将属性值作为键,样式对象作为值设置 styleFieldOptions 属性,也可以直接在构造
GeoJsonLayer 传⼊。
new mars3d.layer.GeoJsonLayer({
id: 1987,
name: "⽤地规划",
// 1.⽀持URL
url: "//data.mars3d.cn/file/geojson/guihua.json",
// 2.也⽀持直接传⼊数据
// data: {
// type: "FeatureCollection",
// name: "⽤地规划",
// features: [] //数据已省略,可以从上⾯guihua.json中复制
// },
symbol: {
type: "polygonC",
styleOptions: {
opacity: 0.6,
color: "#0000FF"
},
styleField: "类型",
styleFieldOptions: {
⼀类居住⽤地: { color: "#FFDF7F" },
⼆类居住⽤地: { color: "#FFFF00" },
社区服务⽤地: { color: "#FF6A38" },
幼托⽤地: { color: "#FF6A38" },
商住混合⽤地: { color: "#FF850A" },
⾏政办公⽤地: { color: "#FF00FF" },
⽂化设施⽤地: { color: "#FF00FF" },
⼩学⽤地: { color: "#FF7FFF" },
初中⽤地: { color: "#FF7FFF" },
体育场⽤地: { color: "#00A57C" },
医院⽤地: { color: "#A5527C" },
社会福利⽤地: { color: "#FF7F9F" },
商业⽤地: { color: "#FF0000" },
商务⽤地: { color: "#7F0000" },
营业⽹点⽤地: { color: "#FF7F7F" },
⼀类⼯业⽤地: { color: "#A57C52" },
社会停⻋场⽤地: { color: "#C0C0C0" },
通信⽤地: { color: "#007CA5" },
排⽔⽤地: { color: "#00BFFF" },
公园绿地: { color: "#00FF00" },
防护绿地: { color: "#007F00" },
河流⽔域: { color: "#7FFFFF" },
配建停⻋场: { color: "#ffffff" },
道路⽤地: { color: "#ffffff" }
}
},
popup: "类型:{类型}"
// flyTo: true,
})
http://www.lryc.cn/news/18525.html

相关文章:

  • 三、锁相关知识
  • C语言数据类型
  • 华为OD机试真题Python实现【水仙花数】真题+解题思路+代码(20222023)
  • 【华为OD机试模拟题】用 C++ 实现 - 非严格递增连续数字序列(2023.Q1)
  • RN面试题
  • 【数据存储】浮点型在内存中的存储
  • Servlet笔记(8):异常处理
  • stm32f407探索者开发板(二十一)——窗口看门狗
  • C++ 模板
  • C++中的友元及运算符重载
  • 五、运行时数据区内部结构、JVM中的线程
  • Codeforces Round #848 (Div. 2)A-C
  • 机器学习笔记之近似推断(一)从深度学习角度认识推断
  • 指针的进阶
  • 一元二次方程方程的类
  • Ask林曦|来回答,30个你关心的日常问题(二)
  • 哪款电容笔适合开学季?电容笔和Apple Pencil的区别
  • Qt之Qprocess
  • 为什么不愿意专升本 学历有什么用
  • 构造函数的使用大全
  • ASP.NET Core MVC 项目 IOC容器
  • ARM工控机/网关- 钡铼技术
  • 为什么都在喊数据可视化?它究竟怎么做?
  • nodejs+vue停车场停车位短租系统vscode
  • 物理真机上LUKS结合TPM的测试 —— 使用随机数密钥
  • Linux USB 开发指南
  • FreeRTOS入门(03):队列、信号量、互斥量
  • Biome-BGC在模拟过程中,如何使用Linux、Python等,完成前处理和后处理工作???
  • 【unittest学习】unittest框架主要功能
  • 京东测开岗3+1面经+经验分享,拿到offer,月薪34k....