用Echarts只显示某个省、市、区的地图

前言

最近构建某个市的大数据平台，需要显示一个市的地图，改完后显示效果

地图json数据

首先你是要显示一个区域的地图，那么就需要获取到这个区域的周维经纬度数据，将其连起来就是一个闭合的区域，也就是你需要显示的地图啦。
当然，这个不需要亲力亲为地选出经纬度，网上有这个数据json文件，你只需要下载下来应用到项目中就ok。
这里json数据使用datav，地图选择器

下载json数据，引用到代码中

var rizhaoJson = {} // 这里填写json文件数据
echarts.registerMap('rizhao', rizhaoJson); 
var mapChart = echarts.init(document.getElementById('mapChart'));
option = {
    tooltip: {
        trigger: 'item',
    },
    title: {
        text: 'xxxxxx(日照市)',
        x: "center",
    },
    geo: {
        map: 'rizhao',
        label: {
        },
        roam: true,
        itemStyle: {
            
        }
    },
    series: [{
        type: 'effectScatter',
        coordinateSystem: 'geo',
        rippleEffect: {
            brushType: 'stroke'
        },
        symbolSize: function (val,params) {
            return 8;
        },
        data: "",
    }]
};
mapChart.setOption(option);