import axios from ‘axios’
首先在组件里面引入中国的json文件。
const chinaJson = require(“…/…/public/mapJson/china.json”);
在data里面创建一个Echarts对象和配置对象。
data(){
return{
myChart:‘’,
distributionOptions:‘’
}
},
创建一个方法,用来配置 Echarts 的 Options 参数。
changeOptions (name) {
// 经纬度数据
const seriesList = [
{
data: [
{ value: [106.9, 27.7] },
{ value: [105.29, 27.32] },
{ value: [106.04, 27.03] },
{ value: [104.82, 26.58] },
{ value: [107.82, 20.58] }
]
},
{
data: [
{
value: [107.43, 28.56]
}
]
},
{
data: [
{
value: [107.5, 27.76]
}
]
}
];
// 图标
const series = seriesList.map(v => {
return {
type: “scatter”, //配置显示方式为用户自定义
coordinateSystem: “geo”,
data: v.data
};
});
// options
this.distributionOptions = {
tooltip: { // 提示框组件
show: true, // 显示提示框组件
trigger: “item”, // 触发类型
triggerOn: “mousemove”, // 出发条件
formatter: “名称:{b}
坐标:{c}”
},
series, // 数据
geo: {
map