/**
 * @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: "nanguan",
                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();
        });
    }
});