如何在geoJSON中将three.js绘制成网格而不是线条，并填充颜色？开发者社区

文章/答案/技术大牛

发布

    function drawShape(x_values, y_values, z_values, options) {
        var shape_geom = new THREE.BoxGeometry();
        createVertexForEachPoint(shape_geom, x_values, y_values, z_values);
        var shape_material = new THREE.MeshBasicMaterial( {color: 0xffff00 } );
        var shape = new THREE.Mesh(shape_geom, shape_material);
        scene.add(shape);
        clearArrays();
    }

function drawLine(x_values, y_values, z_values, options) {
  // container
  var obj = new THREE.Object3D();
  // lines
  var line_geom = new THREE.Geometry();
  createVertexForEachPoint(line_geom, x_values, y_values, z_values);
  var line_material = new THREE.LineBasicMaterial({
    color: 'yellow'
  var line = new THREE.Line(line_geom, line_material);
  obj.add(line);
  // mesh
  var mesh_geom = new THREE.Geometry();
  createVertexForEachPoint(mesh_geom, x_values, y_values, z_values);
  var mesh_material = new THREE.MeshBasicMaterial({
    color: 'blue',
    side: THREE.DoubleSide
  var mesh = new THREE.Mesh(mesh_geom, mesh_material);
  obj.add(mesh);
  scene.add(obj);
  clearArrays();
}

function createVertexForEachPoint(object_geometry, values_axis1, values_axis2, values_axis3) {
    for (var i = 0; i < values_axis1.length; i++) {

问 如何在geoJSON中将three.js绘制成网格而不是线条，并填充颜色？ EN

回答 2

Stack Overflow用户