2021-06-06在vue中使用 echarts3d地图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2021-06-06在vue中使用 echarts3d地图相关的知识,希望对你有一定的参考价值。

参考技术A vue中使用 echarts地图

main.js中

package.json 使用版本

在vue文件中使用

3d地图示例
中国地图json数据

import '@/components/china'
var myChart = this. echarts.registerMap("china", china);//china为上图中的json数据

const myChart = this.$echarts.init(document.getElementById('main'));
option=
//此处配置可参考官网例子即可

myChart.setOption(option);

此处说明如何出现geo3d(立体地图)

数据来源
http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
按照需求,选择对应的数据,保存为json文件引入项目中即可

以上是关于2021-06-06在vue中使用 echarts3d地图的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用Echarts

在vue中使用Echarts

在vue 中使用百度echarts

Vue使用Echarts以及Echarts配置分享

Vue系列——在vue项目中使用echarts

vue中如何使用echarts