最近用echarts做了个3d地球项目,网上找了很多都没有找到适合的教程,只能自己手动写一个了。
完整项目详见:https://github.com/hlsblog/3dEarth
项目实例入口:https://hlsblog.github.io/3dEarth/
本项目支持鼠标经过地球悬停,地球上的点鼠标经过显示自定义tooltips。
1)引用echarts的js:
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
2)引用国家国界线js(在github项目中可以找到world.js,其中world.js是从网络获取的,仅供参考)
<script src="./js/world.js"></script>
3)该项目其他引用
<script src="./js/config.js"></script>
<script src="./js/index.js"></script>

本文分享了一个使用ECharts和echarts-gl库制作的3D地球模型,包括地球表面国界线的绘制和鼠标悬停时的自定义tooltips功能。通过详细步骤和实例展示如何在网页上实现交互式地球地图效果。
最低0.47元/天 解锁文章
420

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



