当前位置: 首页 > 网络应用技术

在VUE2项目中为Echarts地图设置背景地图和播放点

时间:2023-03-08 12:54:15 网络应用技术

  我以前曾写过更优雅的方式,可以在Vue项目中打包Echarts。VUE2项目中的Echarts图更优雅。这次,地图是由小型扩展制成的,而Echarts地图包装在VUE2项目中。

  尽管这并不明显,但战斗确实在闪烁

  基于一种更优雅的方式,可以在VUE2项目中打包Echarts地图,请进行一些更改。

  特定代码如下:

  新代码最好在内部查看,但添加地图纹理和地图要播放。

  地图纹理(组件-Chart -ptions map-dex.js)实现代码为::

  地图播放(组件-Chart -ptions-map-index.js)在模块中实现代码,主要是为了自定义播放点的图标以及显示信息的样式。在这里,您可以根据设计意识到这一点。

  在方法中支付数据来处理它,您可以根据接口数据看到它。

  数据(视图 - echartmaptest-index.js),因为您需要在地图上提出点,所以您需要坐标。加载数据时,您需要添加地图的坐标。

  详细信息如下:

  所涉及的文件如下(特定参考):

  只需查看目录以查看代码即可。

  地图的质地不仅可以是固体或渐变,而且可以根据设计设置。项目中的UI设计非常好。这只是纹理纹理的一部分。

  上面,只要设计了UI,就可以实现任何纹理的地图。

  原来的;https://juejin.cn/post/7097136735963840542