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地图的主要内容,如果未能解决你的问题,请参考以下文章