数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理武汉市江岸区geoJson地图渲染效果供大家参考。地图基于geoJson数据绘制。
echarts武汉市江岸区geoJson地图飞线图
echa...
yekong
1年前 (2023-10-05)
喜欢
通过scale进行缩放
我们通过scale.set来控制网格模型的缩放
cube.scale.set(2, 2, 2)
父元素的缩放
当父元素缩放后，子元素会在父元素缩放的基础上再对自身进行缩放
cube.scale.set(2, 2, 2)
parentCube.scale...
yekong
1年前 (2023-10-05)
喜欢
通过positon设置物体的位置
我们可以通过设置网格模型的position来控制网格的位置，如下图，我们通过cube.position.x = 50让网格模型沿着x轴移动了50，如果我们需要修改其他轴的话，只需要修改对应的x y z所对应的值就可以了。
// 1. 创建几何体:...
yekong
1年前 (2023-10-05)
喜欢
在three 3d饼状图渲染的时候，如果数据太大会导致饼状图渲染变形,这时候我们需要对数据进行处理，让数据处在某个范围内
let data = [
{
value: 1225,
name: "标准护理",
...
yekong
1年前 (2023-10-05)
喜欢
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况，有时候平面饼状图不能满足我们想要的效果了，我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。
开发环境
开发环境我们选择nodejs16
框架
vue3 vite js
three版...
yekong
1年前 (2023-10-05)
喜欢
echarts除了可以使用字体图标作为自定义图标外：
echarts legend图标设置为圆角矩形或自定义图标，我们还可以使用自定义图片来实现legend的图标。
关键代码
使用自定义图标的方式因为每个数据的颜色不同，为了区分，我们需要给每组数据都指定一个图片图标。
lege...
yekong
1年前 (2023-10-04)
喜欢
threejs 3d机房渲染实例，鼠标划过机柜实现提示，地面动态效果等。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.152.0",
threejs 3d机房...
yekong
1年前 (2023-10-04)
喜欢
平时开发调试代码，或者展示模型的时候，可以通过相机控件OrbitControls实现旋转缩放预览效果。
three版本
"three": "^0.154.0",
效果截图
演示地址
threejs添加轨道控制器
OrbitControl...
yekong
1年前 (2023-10-02)
喜欢
three项目在开发中，为了方便查看物体在空间中的位置，我们需要使用一个坐标辅助器
THREE.AxesHelper是Three.js中一个非常有用的工具，它用于在场景中绘制x、y和z轴，帮助开发者确定3D空间中的方向。特别是在开发过程中，当你正在设置摄像机、灯光或放置对象时，这...
yekong
1年前 (2023-10-02)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是上海市地图geoJson数据。
上海市 geoJson地图包含了 黄浦区,徐汇区,长宁区,静安区,普陀区,虹口区,杨浦区,闵行区...
yekong
1年前 (2023-10-02)
喜欢
