地图根据gdp数值的不同显示不同的高度实例
地图根据gdp数值的不同显示不同的高度
加载地图数据
loader.load(modelUrl + 'json/gdp.json', function (data) {
var gdpObj = {};//每个省份的名字作为属...
yekong
2年前 (2023-01-25)
喜欢
threejs实现地图，并在鼠标移入地图后显示标签信息，这和echarts的tooltip很相似。
鼠标移入地图显示标签信息实例
鼠标移入地图显示标签信息
标签代码
import { CSS2DRenderer, CSS2DObject } from 'three/exampl...
yekong
2年前 (2023-01-25)
喜欢
地图根据不同的gdp显示不同的颜色实例
地图根据不同的gdp显示不同的颜色实例
.lerp
使用到的Color的lerp
.lerp ( color : Color, alpha : Float ) : this
color - 用于收敛的颜色。
alpha - 介于0到1的数...
yekong
2年前 (2023-01-25)
喜欢
之前的教程中已经学过了射线拾取，threejs 鼠标交互—射线拾取 选中模型高亮，这次是在地图上进行射线拾取。
3d地图射线拾取选中省份实例
3d地图射线拾取选中省份实例
实现代码
/**
* 射线投射器`Raycaster`的射线拾取选中网格模型对象函数choose()
...
yekong
2年前 (2023-01-25)
喜欢
在地图上指定位置标注四棱锥，之前学习threejs实现4棱锥效果，今天学习将四棱锥标注到的地图上。
在3d地图上标注四棱锥效果实例
在3d地图上标注四棱锥效果锥实例
创建棱锥
// 引入three.js
import * as THREE from 'three/build/t...
yekong
2年前 (2023-01-25)
喜欢
web3d地图开发时，经常需要在3d地图上添加一些图片标注
矩形贴图标注位置实例
矩形贴图标注位置实例
添加标注
// 引入three.js
import * as THREE from 'three/build/three.module.js';
import {modelU...
yekong
2年前 (2023-01-25)
喜欢
墨卡托投影（Mercator Projection），又称麦卡托投影、正轴等角圆柱投影，是一种等角的圆柱形地图投影法。本投影法得名于法兰德斯出身的地理学家杰拉杜斯·墨卡托，他于1569年发表长202公分、宽124公分以此方式绘制的世界地图。在以此投影法绘制的地图上，经纬线于任何位...
yekong
2年前 (2023-01-25)
喜欢
地图拉伸api ExtrudeBufferGeometry
通过three.js的几何体ExtrudeBufferGeometry可以拉伸一个轮廓，这样的话，通过ExtrudeBufferGeometry可以实现一个立体的拉伸地图效果。
注意拉伸高度要参考地图包围盒尺寸，或者说...
yekong
2年前 (2023-01-25)
喜欢
克隆.clone()和复制.copy() 是threejs很多对象都具有的方法，比如三维向量对象Vector3、 网格模型Mesh、几何体、材质。
克隆.clone()
克隆.clone()简单说就是复制一个和原对象一样的新对象，下面以三维向量对象Vector3给大家举例，其他的...
yekong
2年前 (2023-01-24)
喜欢
添加资源
model.add(gltf.scene)
移除资源
移除的资源不会渲染出来。
model.remove(gltf.scene)
资源移除后需要释放资源，threejsGPU内存释放
...
yekong
2年前 (2023-01-23)
喜欢
