three.js加载geojson矢量平面数据实现建筑物拉高成白膜

好的，针对您的问题，我可以为您提供以下的解答：

首先，您可以使用 Three.js 中的 `THREE.GeoJsonLoader` 加载您的 `geojson` 数据，并将其转换成 `THREE.Geometry` 对象。然后，您可以将这个 `Geometry` 对象传递给 `THREE.ExtrudeGeometry` 函数来实现建筑物的拉高。

接下来，您可以将 `ExtrudeGeometry` 对象传递给 `THREE.MeshBasicMaterial`，并设置其 `transparent` 属性为 `true`，以及 `opacity` 属性为 `0`，从而创建一个白色的膜。最后，您可以将这个白色的膜与您的建筑物 `Mesh` 对象一起添加到场景中，以实现建筑物的拉高成白膜的效果。

下面是一个简单的代码示例，演示了如何加载 `geojson` 数据并将其转换成 `ExtrudeGeometry` 对象，并将其与一个白色的膜一起添加到场景中：

// 创建场景
var scene = new THREE.Scene();

// 创建相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 加载 geojson 数据
var loader = new THREE.GeoJsonLoader();
loader.load('data.geojson', function (geometry) {
    // 创建建筑物 Mesh 对象
    var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
    var building = new THREE.Mesh(geometry, material);

    // 将建筑物拉高成白膜
    var extrudeSettings = {amount: 50, bevelEnabled: false};
    var extrudeGeometry = new THREE.ExtrudeGeometry(geometry, extrudeSettings);
    var whiteMaterial = new THREE.MeshBasicMaterial({color: 0xffffff, transparent: true, opacity: 0});
    var whiteMesh = new THREE.Mesh(extrudeGeometry, whiteMaterial);

    // 将建筑物 Mesh 对象和白色膜 Mesh 对象一起添加到场景中
    scene.add(building);
    scene.add(whiteMesh);
});

// 渲染场景
function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}
animate();

希望这个解答能够对您有所帮助！