您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

在地图上--给经纬度--展示任何一个点(可以展示地名)

 //展示出这个点的地名(重点)
源地址 https://www.echartsjs.com/gallery/editor.html?c=scatter-map
var geoCoordMap = {
    "海门":[121.15,31.89],"鄂尔多斯":[109.781327,39.608266]
};

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 = {
    backgroundColor: '#a59',title: {
        text: '全国主要城市空气质量''http://www.pm25.in''#fff'
        }
    },tooltip: {
        trigger: 'item' (params) {
             params.name;
        }
    },legend: {
        orient: 'vertical''right'//visualMap 是视觉映射组件 控制图元  小圆点
//ymbol: 图元的图形类别。   symbolSize: 图元的大小。  color: 图元的颜色。  opacity: 图元以及其附属物(如)的透明度。


    visualMap: {
        min: 0true]
        },textStyle: {
            color: '#fff'  hover上去  字体的颜色
        }
    },1)">geo地理坐标系组件  在地理坐标系上绘制散点图,线集。
 
    geo: {
        map: 'china'false  光标放在未地名的区域      是否该地名    true  false
            }
        },itemStyle: {
            normal: {
                areaColor: '#323c48'
            },emphasis: {
                areaColor: '#2a333d'
            }
        }
    },series: [
        {
            name: 'pm2.5'"yellow",更改小圆点的颜色
            coordinateSy: 'geo'},{name: "鄂尔多斯"控制小圆点的大小
            
            展示出这个点的地名(重点)
            label: {
                normal: {
                    formatter: '{b}''#fff'
                }
            },}
    ]
}

 

 


联系我
置顶