2024-11-10通过该方法实现切换地图，但是无法让地图的外层series实现变化，这时候，我们就需要通过注销地图，重新渲染地图来实现。所以接下来我们通过series再给地图上方这只一个3d地图，这个时候，通过geo3d实现3d效果，通过series设置顶部可以响应鼠标点击。如果是geo设置为二维地图，则可以影响echarts的单击事件。采用echarts echarts-gl版本实现3D地图并且响应鼠标单击区域返回当前区域信息，实现地图切换。实现3D地图比较容易。我这里是在利用点击事件切换地图，实现地图下钻。_echarts 3d地图点击事件

https://www.qianduange.cn//article/20118.html 分类：前端知识

2024-06-16先在项目中安装echarts包如果需要3D渲染 还需安装包安装完以后 package.json里面会出现两个安装包安装成功后在main.js里面引入// 引入Echarts//可以全局使用 不用每次使用需要在页面导入在页面中使用echarts//例如*HTML部分。_引入echarts-gl

https://www.qianduange.cn//article/12302.html 分类：前端知识

2024-08-15echarts版本无法共存是因为npm通过包名称来进行管理，如果两个包名称一样，则在下载时，后一个下载的包会覆盖前一个包。将echarts5.4.0版本命名为echarts5，后续在项目中使用，可以用该名称导入。所以可以给echarts设置一个包别名，达到多版本共存的效果。_echarts-gl版本

https://www.qianduange.cn//article/15749.html 分类：前端知识

2024-06-18如下是 ECharts 官网给出的代码，但要注意的是，该代码需要 echarts、echarts-gl、jQuery 的加持才能正常使用；如果不安装依赖包，直接将官网代码引入项目中，会报各种错！所以我们需要分别在项目中下载安装这些依赖包；注意世界地图必须在页面中引入，否则3d路径图依然无法呈现。..._vue导入3d图解析xyz轴

https://www.qianduange.cn//article/12685.html 分类：前端知识

2024-06-06如下是 ECharts 官网给出的代码，但要注意的是，该代码需要 echarts、echarts-gl、jQuery 的加持才能正常使用；下载 echarts-gl 是无法下载的，会报错（名字冲突，拒绝下载），所以我们下载 echarts-gl 的低版本；（2）然后，同样在 src 下 main.js 中全局引入 echarts-gl；（2）在 src 下 main.js 中引入 jQuery；（3）在需要使用到 jQuery 的页面中引入；对于定长和不定长的数据，HTTP 是怎么传输的？_3d路径图

https://www.qianduange.cn//article/11052.html 分类：前端知识

2024-05-03如果以上方法无效，你还可以尝试手动清空浏览器缓存并重新加载页面，或者删除旧版本 echarts-gl，重新安装最新版本。接下来，你就可以在代码中使用 scatter3D 组件了，具体的使用方法可以参考官方文档。// 3D 散点图的数据格式，包含三个维度坐标信息和额外的数据。// 基于准备好的dom，初始化echarts实例。// X轴的3D坐标系，相关设置。// Y轴的3D坐标系，相关设置。// Z轴的3D坐标系，相关设置。// 图表类型，3D散点图。// 绘制3D散点图。// 控制点的透明度。_echarts3d散点图

https://www.qianduange.cn//article/6819.html 分类：前端知识

2024-05-03这里主体基于echarts，需引入依赖资源 echarts.min.js，echarts-gl.min.js。echarts官方文档地址：https://echarts.apache.org/zh/index.html。简单记录如有问题或更优解还请不要吝啬的分享出来，此结。_echarts地球3d效果

https://www.qianduange.cn//article/6816.html 分类：前端知识

2024-04-16之前也有使用过echarts开发项目中涉及到的地图功能，当时使用geo来实现地图轮廓，看上去有种3d的感觉。首先安装下echarts和echarts-gl依赖，在这里注意的点是，echarts-gl版本可以安装低版本，默认安装的依赖版本运行后一直报错。，这也是实现3d地图的主要属性，针对geo3d中每个属性的功能大家可以在echarts文档进行查阅，这里我就不一一细说了。这里我截图展示的，需要看地图动效的，大家可以在本地运行看下地图自动旋转效果。接下来我们看下完整的代码。安装好依赖，在页面引入。_echarts地图 旋转

https://www.qianduange.cn//article/5055.html 分类：前端知识

2024-03-15echarts配置里颜色只能修改单个地图块的颜色，改变整体的有两个做法：1.获取每个地图块方向和渐变色的值，每个单独写。2.写两个地图，下面一层用不包含子区域的地图，上层的地图用透明色。我用的第二种方法，具体如下：先准备杭州市整体区域的json文件，和一个包含杭州各个区的json文件。_echarts-gl 地图变色

https://www.qianduange.cn//article/3851.html 分类：前端知识

2024-02-25在配置中加了label.show = true 任然无法的在省份显示省份名称，但是注册的是省份地图的话，配置label.show = true可以展示label；解决办法 使用formatter ，并且不要直接返回name，直接返回name会导致label仍不显示。我的例子中在name后加了空格。在使用echarts-gl 中的 geo3d 制作3d中国地图时遇到的问题；_echarts gl 3d中国地图

https://www.qianduange.cn//article/2692.html 分类：前端知识