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,

})