eCharts 성 지도 설정 및 방법

eCharts 성 지도 설정 및 방법

기사 디렉토리:

광동지도 사용 방법

광동 지도 사용 방법

var geoCoordMap = {  
    " ":[113.30,23.20]  
};  

var convertData = function (data) {  
    var res = [];  
    for (var i = 0; i < data.length; i++) {  
        var geoCoord = geoCoordMap[data[i].name];  
        if (geoCoord) {  
            res.push(geoCoord.concat(data[i].value));  
        }  
    }  
    return res;  
};  

$.get('vendors/echarts/map/json/province/guangdong.json', function (geoJson) {  
    console.log(geoJson)

echarts.registerMap(' ', geoJson);  

});  
option = {  
    visualMap: {  
        min: 0,  
        max: 500,  
        splitNumber: 5,  
        inRange: {  
            color: ['#d94e5d','#eac736','#50a3ba'].reverse()  
        },  
        textStyle: {  
            color: '#000'  
        }  
    },  
    geo: {  
        zoom:1,                  //  
        // top: '0px',
        // bottom:'0%',
        // left:'0%',
        // right:'0%',          //  0 ， 
        map: ' ',
        label: {
            emphasis: {
                show: true
            }
        },
        roam: true,
        itemStyle: {
            normal: {
                areaColor: '#293a78',        //  
                borderColor: '#d0d9ff',
                borderWidth: 1.5
            },
            emphasis: {
                areaColor: '#151f40'
            }
        }
    },  
    series: [{  
        name: ' ',  
        type: 'heatmap',  
        coordinateSystem: 'geo',  
        data: convertData([  
            {name: " ", value: 2000}
        ]),
        itemStyle: {
            normal: {
                color: '#fff'
            },
            emphasis: {
                color: '#fff'
            }
        }
    }]  
};