请选择 进入手机版 | 继续访问电脑版

Threejs-geoJson-开发记录

[复制链接]
命中不缺你 发表于 2021-1-3 12:05:56 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
使用墨卡托投影将geoJson经纬度数据转为平面坐标数据,进而使用threejs ExtrudeGeometry生成所示舆图三维模子
主要技能点



  • 三维渲染 threejs
  • 数据转换 d3-geo 变更代码
  1. const projection = geoMercator().center([104.0, 37.5]).scale(36).translate([0, 0]);
复制代码
center: 中心经纬度
scale: 转换后坐标缩放系数
translate:转换后平移量
功能点



  • 简单光效
  • 自主材质调治(演示所在右上角)
  • 未完待续,主要没找到炫酷的参考(懒- -),有空就更新。。。

演示所在:
点我

来源:https://blog.csdn.net/yichen454/article/details/112062089
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )