three.js 实现 3D地图

优雅永不过时·

已于 2024-08-27 10:35:23 修改

阅读量1.1k

点赞数 19

CC 4.0 BY-SA版权

文章标签： 3d javascript 低代码 npm 智慧城市前端 threejs

于 2024-08-27 10:31:21 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/guang2586/article/details/141596459

three.js 实现仿照 echarts 3d 地图。

由于 three.js 目前比较依赖写代码，而一个美的地图需要大量的three.js 组合，我建议先做three.js 基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。

https://z2586300277.github.io/three-editor/dist/#/codeMirror?example_path=threeEditor&example_active=0&key=loadParams
在这里插入图片描述

从0 学习可参考以下案例

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?navigation=ThreeJS&classify=expand&id=map3d

预览地址：https://z2586300277.github.io/three-cesium-examples

国内站点预览：http://threehub.cn

github地址: https://github.com/z2586300277/three-cesium-examples
在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。