Current location - Loan Platform Complete Network - Big data management - 2021-06-06 Using echarts3d map in vue
2021-06-06 Using echarts3d map in vue
Using echarts map in vue

main.js

package.json using version

Using in vue file

3d map example

China map json data

import '@/components/ china'

var myChart = this. echarts.registerMap("china", china);//china is the json data in the above map

const myChart = this.$echarts.init(document. getElementById('main'));

option={

//configure here by referring to the official website example

};

myChart.setOption(option);

here to show how to appear geo3d

The data source of the data is china, which is the json data in the above chart

const myChart = this.

Data source

/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5

According to the requirements, select the corresponding data, save it as a json file and introduce it into the project. project

According to the requirements, select the corresponding data, save it as a json file and introduce it into the project