跳至主要內容

GeoPolygon

小于 1 分钟

GeoPolygon

地图多边形对象,数据源取自GeoJSON格式的数据,继承自Thing对象,拥有ThingTHREE.Object3D一切属性和方法。

此对象,需要依赖于d3-array.v1.min.jsd3-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 数据源
  • 返回值:无
上次编辑于:
贡献者: dashun