这是我参与2022首次更文挑战的第22天，活动详情查看：2022首次更文挑战

之前为了做一个地图和一个3D的房屋, 看了一下echarts和thingJS，threeJS。了解的不太多，现在把自己所稍微了解到的东西记录下来

1. echarts、thingJS、threeJS是什么
2. 三者应该如何进行使用

1. echarts、thingJS、threeJS是什么

echarts

echarts 是一个基于JS的数据可视化的图表工具。 可将数据以 地图、直方图、折线图、点状图、饼状图等方式展现出来，并且效果非常炫酷。见下图：

thingJS

thingJS是一个3D可视化的服务平台。 当你需要以3D的形式展示出仓库、房屋等构造和内部结构，外部景观时，thingJS真的是一款利器。 因为可以拖拽、旋转、有虚拟小姐姐模拟真实场景进行导航。而且傻瓜式拖拽生成你自己想要的建筑结构【当然，想做好，傻瓜式肯定...】，还有他们已经开放好的各种样式的模板，可以氪金使用,而且代码就在左边，实时查看。 如果需要通过3D方式展示互联网、房屋等结构图，强烈推荐【此处应有广告费】。话不多说，上图：

threeJS

threeJS直接先上官网的图 我打开的感觉就是。这是什么？怎么这么好看？ 每个小游戏都很短，但是真的非常非常好看。无论是色彩和互动方面。但毕竟是小游戏之类的东西，略显单一的操作。然后感觉对网速的要求要高一点，有时候稍微有点卡顿。但仍然让我感到很惊艳！上手不是太容易，顺便说一句，微信小游戏：跳一跳是基于threeJS开发的

2. 三者应该如何进行使用

1. echarts

官网有教你快速上手的案例，网上也有很多线程的方法。

1. 引入Echarts类库
2. 直接去官网找到现成的案例，然后修改成自己想要的内容就可以了
3. 但我是拿echarts做地图开发，这里遇到了一些问题：我的需求是
   1. 点击中国地图的时候能够向下级联动。
   2. 但我希望能够联动到县级甚至街道、某一房屋。
   3. 整个地图有很绚丽的气泡闪烁 第二步直接宣告死亡，因为找不到具体到那么精确的json文件，这两天再试试，看能不能实现

2. thingJS

thingJS同样有官方指南，我对这方面的需求不多，本身只需要一个3D的房屋进行展示，所以没有进行过多的深究

1. 创建项目
2. 在线开发，有相对应的操作和建筑，并可以实时查看到代码以便修改
3. 通过数据对接的部分进行数据对接
4. 部署到自己的项目中。这里我是直接在自己的项目中调用了API进行使用 虽然官网已经很清楚了，但这里有一篇其他人总结好的 ThingJsAPI文档使用总结 www.jianshu.com/p/6aa6561c4…

3. threeJS

threeJS是自己在找thingJS 的过程中找到的，没用过，但很惊喜，这样的小游戏太可爱了。 有机会自己会试试的。 虽然threeJS和thingJS都是与3D有关，但我自己的直观感受就是，两者的应用场景还是非常不一样。 threeJS让我觉得，更适合游戏开发。而thingJS就更适合工业界的管理 这里有一篇threeJS入门教程，之后如果自己有需要也可以查看。 blog.csdn.net/valada/arti…