threejs效果之楼房展示

threejs效果之楼房展示

效果：

 

基础数据：

　　楼房每一个楼的底边数据，数据结构为geojson。properties属性中Floor属性为楼房层数，本示例默认所有楼每层等高。

　　数据示例：

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              120.32088059979766,
              31.542322389378242
            ],
            ......
            [
              120.32088059979766,
              31.542322389378242
            ]
          ]
        ]
      },
      "properties": {
        "FID": 0,
        "Id": 0,
        "Floor": 4
      },
      "id": 0
    },
    {
      "type": "Feature",
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              120.32076281379749,
              31.541746604232802
            ],
            ......
            [
              120.32076281379749,
              31.541746604232802
            ]
          ]
        ]
      },
      "properties": {
        "FID": 1,
        "Id": 0,
        "Floor": 6
      },
      "id": 1
    }
  ]
}    

View Code