echarts地图简介

最新推荐文章于 2024-02-22 13:49:02 发布

weixin_34082789

最新推荐文章于 2024-02-22 13:49:02 发布

阅读量126

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/1432769/blog/1580484

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、geo文件下载

2、示例代码

配置文件

option = {
    backgroundColor: 'transparent',
    tooltip: {
        trigger: 'item',
        formatter: function (params) {
            return params.name;
        }
    },
    series: [
        {
            type: 'map',
            symbolSize: 12,
            selectedMode:'single',
            label: {
                normal: {
                    show: true,
                    color:'white',
                    padding:20
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal:{
                    color:'#f00',
                    areaColor: '#92d14f',
                    borderColor: '#fff',
                    borderWidth:1
                },
                emphasis: {
                    // areaColor: '#92d14f',
                    borderColor: '#fff',
                    borderWidth: 1
                }
            },
            markPoint:{
                symbolSize:30,
                label:{
                    normal:{
                        show:true,
                        formatter:'{b}'
                    }
                },
                data:[
{
        name: '某个坐标',
        id:'12',
                    coord:[117.3954038591, 31.7459353574]
    }
                ]
            }
        }
    ]
};

加载geo文件

$.get('china.json', function (chinaJson) {
    echarts.registerMap('china', chinaJson);
    option.series[0].map = 'china';
    myChart.setOption(option);
});

转载于:https://my.oschina.net/u/1432769/blog/1580484