.name() 方法
改变标签名称
.add()创建的交互界面，会默认显示所改变属性的名字，为了通过交互界面更好理解你改变的某个对象属性，你可以通过.name()方法改变gui生成交互界面显示的内容。
gui.add(lineGroup.position, 'x', 0,...
yekong
1年前 (2023-01-26) 756℃
0喜欢
在给threejs 给地图添加气泡效果后，需要再增加一个信息弹窗效果，当鼠标移入气泡后，弹窗详细信息。
threejs 给地图添加气泡效果鼠标移入显示弹窗实例
threejs 给地图添加气泡效果鼠标移入显示弹窗
气泡数据渲染
loader.load(modelUrl + 'js...
yekong
1年前 (2023-01-25) 1170℃
0喜欢
threejs 给地图添加气泡效果实例
threejs 给地图添加气泡效果
创建圆形几何体
通过threejs的CircleBufferGeometry来实现圆形气泡
// 引入three.js
import * as THREE from 'three/build/three...
yekong
1年前 (2023-01-25) 827℃
0喜欢
threejs 不同gdp拉伸不同高度并添加颜色变化，在此基础上，我们实践在地图上给地图添加3d标签标注地名
threejs 给地图添加3d标签实例
threejs 给地图添加3d标签
3d标签代码
import { CSS3DRenderer, CSS3DObject } f...
yekong
1年前 (2023-01-25) 1784℃
3喜欢
threejs 地图根据gdp数值的不同显示不同的高度，在添加好高度后，因为颜色都一样看起来并不清晰，所以在之前的基础上做一些处理，让启看起来效果更好
在地图数据加载完成后，根据gdp的数据复制颜色
地图根据gdp数值的不同显示不同的高度实例
threejs 不同gdp拉伸不同...
yekong
1年前 (2023-01-25) 673℃
0喜欢
地图根据gdp数值的不同显示不同的高度实例
地图根据gdp数值的不同显示不同的高度
加载地图数据
loader.load(modelUrl + 'json/gdp.json', function (data) {
var gdpObj = {};//每个省份的名字作为属...
yekong
1年前 (2023-01-25) 547℃
0喜欢
threejs实现地图，并在鼠标移入地图后显示标签信息，这和echarts的tooltip很相似。
鼠标移入地图显示标签信息实例
鼠标移入地图显示标签信息
标签代码
import { CSS2DRenderer, CSS2DObject } from 'three/exampl...
yekong
1年前 (2023-01-25) 1570℃
0喜欢
地图根据不同的gdp显示不同的颜色实例
地图根据不同的gdp显示不同的颜色实例
.lerp
使用到的Color的lerp
.lerp ( color : Color, alpha : Float ) : this
color - 用于收敛的颜色。
alpha - 介于0到1的数...
yekong
1年前 (2023-01-25) 700℃
0喜欢
之前的教程中已经学过了射线拾取，threejs 鼠标交互—射线拾取 选中模型高亮，这次是在地图上进行射线拾取。
3d地图射线拾取选中省份实例
3d地图射线拾取选中省份实例
实现代码
/**
* 射线投射器`Raycaster`的射线拾取选中网格模型对象函数choose()
...
yekong
1年前 (2023-01-25) 790℃
0喜欢
在地图上指定位置标注四棱锥，之前学习threejs实现4棱锥效果，今天学习将四棱锥标注到的地图上。
在3d地图上标注四棱锥效果实例
在3d地图上标注四棱锥效果锥实例
创建棱锥
// 引入three.js
import * as THREE from 'three/build/t...
yekong
1年前 (2023-01-25) 1218℃
1喜欢
