echarts地图给每个区域添加不同颜色

echarts地图给每个区域添加不同颜色，在geo级下新增regions数组，每个数据一个区域。

"geo": {
	"map": "中国各省市县形状",
	"layoutCenter": ["50%", "50%"],
	"layoutSize": "90%",
	"roam": true, //是否允许缩放
	"mapLocation": {
		"width": "110%",
		"height": "97%"
	},
	label: {
		normal: { //静态的时候展示样式
			show: true, //是否显示地图省份得名称
			textStyle: {
				color: "#fff",
				fontSize: 12
			}
		},
		emphasis: { //动态展示的样式
			color: '#fff',
		},
	},
	//默认颜色
	itemStyle: {
		normal: {
			areaColor: '#091233',
			borderColor: '#269cfd', //线
		},
		emphasis: {
			areaColor: '#0a2dae', //悬浮区背景
		}
	}
	//对不同的区块进行着色
	regions: [{
		name: "凤凰镇",
		itemStyle: {
		  normal: {
			areaColor: "#0f0",
		  },
		  emphasis: {
			areaColor: "#0f0",
		  },
		},
	  },{
		name: "塘桥镇",
		itemStyle: {
		  normal: {
			areaColor: "#f00",
		  },
		  emphasis: {
			areaColor: "#f00",
		  },
		},
	}]
}

进入前端入门建站教程官网入口

Chronas：一个交互式历史地图工具，提供了超过5000万的数据点

Yandex：俄罗斯最大的搜索引擎，还提供俄罗斯本地地图和导航服务

一个由卡巴斯基实验室开发的实时网络威胁可视化工具——实时网络攻击地图

推荐一个可以获取省、市、区县、镇及街道的地图网站

百度地图app获取经纬度信息方法

标签： 地图, 百度地图, 颜色

上面是“echarts地图给每个区域添加不同颜色”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_1512.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！