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

Question

如题所述

Answer 1

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文件引入项目中即可