|
|
/**
|
|
|
* @Description 文件描述
|
|
|
* @Author zhangming
|
|
|
* @Date 2021-03-08 15:37:19
|
|
|
* @LastEditTime 2021-03-31 15:11:04
|
|
|
* @LastEditors zhangming
|
|
|
*/
|
|
|
$(function () {
|
|
|
map3();
|
|
|
|
|
|
function map3() {
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById("map_3"));
|
|
|
var data = [
|
|
|
// { name: "东北师大附中明珠学校", value: 51 },
|
|
|
// { name: "长春市第二实验中学", value: 51 },
|
|
|
// { name: "长春市南关区教师进修学校", value: 51 },
|
|
|
// { name: "长春市南关区东四小学", value: 51 },
|
|
|
// { name: "吉林大学第二附属小学", value: 51 },
|
|
|
// { name: "长春市一零三中学", value: 51 },
|
|
|
// { name: "吉林省实验繁荣学校", value: 51 },
|
|
|
// { name: "长春外国语实验学校", value: 51 },
|
|
|
// { name: "长春市第三十九中学校", value: 51 },
|
|
|
// { name: "长春希望高中", value: 51 },
|
|
|
// { name: "长春市第五十六中学校", value: 51 },
|
|
|
// { name: "长春市南关区西五小学", value: 51 },
|
|
|
// { name: "长春市南关区育智学校", value: 51 },
|
|
|
// { name: "长春市南关区树勋小学", value: 51 },
|
|
|
// { name: "长春市南关区自强小学", value: 51 },
|
|
|
// { name: "净月潭小学校", value: 51 },
|
|
|
];
|
|
|
var geoCoordMap = {
|
|
|
// 东北师大附中明珠学校: [125.33070696353912, 43.8241805488479],
|
|
|
// // 长春市第二实验中学: [125.3334052658081, 43.803716932986895],
|
|
|
// // 长春市南关区教师进修学校: [125.33206029033661, 43.88076201164053],
|
|
|
// // 长春市南关区东四小学: [125.34960044384003, 43.889101654112366],
|
|
|
// // 吉林大学第二附属小学: [125.34834517002107, 43.852335825786284],
|
|
|
// // 长春市南关区富裕小学校: [125.35969091415404, 43.790745723032764],
|
|
|
// // 长春市一零三中学: [125.358060131073, 43.891289795294846],
|
|
|
// // 吉林省实验繁荣学校: [125.3357656097412, 43.84174699181247],
|
|
|
// // 长春外国语实验学校: [125.32955361366272, 43.85056018978123],
|
|
|
// // 长春市第三十九中学校: [125.35024149179459, 43.87263776039591],
|
|
|
// 长春希望高中: [125.34218609333038, 43.86603623237572],
|
|
|
// 长春市第五十六中学校: [125.3392195701599, 43.84970136647128],
|
|
|
// 长春市南关区西五小学: [125.36928176879881, 43.569819935806855],
|
|
|
// 长春市南关区育智学校: [125.41561961174011, 43.73579403348665],
|
|
|
// 长春市南关区树勋小学: [125.3805685043335, 43.79931865313812],
|
|
|
// 长春市南关区自强小学: [125.36181449890137, 43.82858280301419],
|
|
|
// 长春市第三十九中学校: [125.43880462646483, 43.690094286287064],
|
|
|
// 长春市第三十九中学校: [125.43176651000975, 43.77165162742224],
|
|
|
// 净月潭小学校: [125.5436897277832, 43.792782582945655],
|
|
|
};
|
|
|
var convertData = function (data) {
|
|
|
var res = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
var geoCoord = geoCoordMap[data[i].name];
|
|
|
if (geoCoord) {
|
|
|
res.push({
|
|
|
name: data[i].name,
|
|
|
value: geoCoord.concat(data[i].value),
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
return res;
|
|
|
};
|
|
|
|
|
|
option = {
|
|
|
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
formatter: function (params) {
|
|
|
if (typeof params.value[2] == "undefined") {
|
|
|
return params.name + " : " + params.value;
|
|
|
} else {
|
|
|
return params.name + " : " + params.value[2];
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
|
|
|
geo: {
|
|
|
map: "county",
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: true, //省份名称
|
|
|
textStyle: {
|
|
|
color: '#ffd437'
|
|
|
}
|
|
|
},
|
|
|
emphasis: {
|
|
|
show: false,
|
|
|
},
|
|
|
},
|
|
|
nameMap: {},
|
|
|
roam: false, //禁止其放大缩小
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
areaColor: "#4c60ff",
|
|
|
borderColor: "#002097",
|
|
|
},
|
|
|
emphasis: {
|
|
|
show: false,
|
|
|
areaColor: "#4c60ff",
|
|
|
color: "002097"
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: "消费金额",
|
|
|
type: "effectScatter",
|
|
|
coordinateSystem: "geo",
|
|
|
data: convertData(data),
|
|
|
symbolSize: function (val) {
|
|
|
return val[2] / 4;
|
|
|
},
|
|
|
label: {
|
|
|
normal: {
|
|
|
formatter: "{b}",
|
|
|
position: "right",
|
|
|
show: false,
|
|
|
},
|
|
|
emphasis: {
|
|
|
show: true,
|
|
|
},
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: "#ffeb7b",
|
|
|
// opacity: '0',
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
]
|
|
|
};
|
|
|
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}
|
|
|
});
|
