如何平滑的更改heatmap的值
如何平滑的更改heatmap的值,类似https://www.patrick-wied.at/static/heatmapjs/这个官网中,heatmap的值是平滑的变化。
就是如何动态的更改heatmap中的值? 更改heatmap.object3d.geometry.attributes.position这个中的值起作用吗?我看three中更改一个mesh的位置属性是这样子做的:
// 创建一个几何体 var geometry = new THREE.Geometry();
// 添加顶点 geometry.vertices.push( new THREE.Vector3(0, 0, 0), // 第一个顶点 new THREE.Vector3(1, 0, 0), // 第二个顶点 new THREE.Vector3(0, 1, 0) // 第三个顶点 );
// 创建材质 var material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
// 创建网格对象 var mesh = new THREE.Mesh(geometry, material);
// 添加网格到场景中 scene.add(mesh);
// 更新顶点数据 geometry.vertices[0].x = 2; // 修改第一个顶点的X坐标
// 重新计算几何体的法线和边界 geometry.computeVertexNormals(); geometry.computeBoundingBox();
// 更新网格的几何体 mesh.geometry.verticesNeedUpdate = true; mesh.geometry.normalsNeedUpdate = true; mesh.geometry.computeBoundingSphere();
不支持的,需要自己自定义图形 https://maptalks.org/maptalks.three/docs/dist/start/custom.html