vue 中使用 echart 绘制世界地图中国地图省地图

1.在页面内引入需要使用的地图js文件node_modules/echarts/map/js eg: import 'echarts/map/js/china';

2.如果选用省份，需要用汉字 eg:options.geo.map = '河南';

3.属性参考官网：https://www.echartsjs.com/zh/option.html#geo

4.其他一些实例参考：https://gallery.echartsjs.com/

	var series = [];

	option = {
		tooltip: {
			trigger: 'item',
			backgroundColor: 'rgba(166, 200, 76, 0.82)',
			borderColor: '#FFFFCC',
			showDelay: 0,
			hideDelay: 0,
			enterable: true,
			transitionDuration: 0,
			extraCssText: 'z-index:100',
		},
		backgroundColor:"#013954",
		visualMap: { //图例值控制
			min: 0,
			max: 1,
			calculable: true,
			show: true,
			color: ['#f44336', '#fc9700', '#ffde00', '#ffde00', '#00eaff'],
			textStyle: {
				color: '#fff'
			}
		},
		geo: {
			map: 'china',//如果是省份，拼音不行可以尝试换成中文
			zoom: 1.2,
			label: {
				emphasis: {
					show: false
				}
			},
			roam: true, //是否允许缩放
			itemStyle: {
				normal: {
					color: 'rgba(51, 69, 89, .5)', //地图背景色
					borderColor: '#516a89', //省市边界线00fcff 516a89
					borderWidth: 1
				},
				emphasis: {
					color: 'rgba(37, 43, 61, .5)' //悬浮背景
				}
			}
		},
		series: series
	};