GeoPolygon
小于 1 分钟
GeoPolygon
地图多边形对象,数据源取自GeoJSON格式的数据,继承自Thing
对象,拥有Thing
、THREE.Object3D
一切属性和方法。
此对象,需要依赖于d3-array.v1.min.js
、d3-geo.v1.min.js
两个文件。
构造器
new VT.GeoPolygon({
// 数据源
src: "", // geojson source
center: [0, 0],
// 名称字段
nameField: "name",
// 几何体参数
geometry: {
scale: 2,
depth: 0.1,
},
// 线样式
line: {
material: {
color: '#ffffff'
}
},
// 多边形样式
polygon: {
material: [
{
transparent: true,
opacity: 0.2,
color: "#273882",
},
{
color: '#030820',
transparent: false,
opacity: 0.8,
}
]
},
// 标注样式
label: {
material: {
depthTest: false,
depthWrite: false,
map: {
iconWidth: 8,
iconHeight: 8,
iconMargin: 0,
}
}
}
})
属性成员
type
- 类型:
{String}
GeoPolygon,是,不可修改
isGeoPolygon
- 类型:
{Boolean}
是否GeoPolygon,是,不可修改
labelGroup
- 类型:
{VT.Group}
标注组
projection
- 类型:
{d3.geoMercator()}
投影方法
processData
- 类型:
{Function}
数据处理方法,如果有数据处理需求,则在创建后设置此方法
方法
加载数据源,地图多边形对象。
load
- 类型:
Function
- 参数:
{Array}
src 数据源- 返回值:无