如何在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绘制成网格而不是线条，并填充颜色？-腾讯云开发者社区-腾讯云

1 周前

腹黑的豆浆 · java stream 保留对象集合中有相同字段值的时间最新的记录_java 1.8 list stream 重复保留最新时间数据-CSDN博客

2 月前

不羁的围巾 · 【转】Python 使用Pandas读取Excel的学习笔记 - 数据驱动 - 博客园

1 年前

飘逸的感冒药 · 光电脱毛仪到底安全吗？--脱毛仪测评系列⑤ - 知乎

1 年前

很拉风的红酒 · js append()和appendChild()和insertBefore()的区别 - leahtao - 博客园

1 年前

眉毛粗的跑步机 · Java获取时间/格式化日期代码总结-腾讯云开发者社区-腾讯云

1 年前

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

回答 2

Stack Overflow用户