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:俄罗斯最大的搜索引擎,还提供俄罗斯本地地图和导航服务
一个由卡巴斯基实验室开发的实时网络威胁可视化工具——实时网络攻击地图
上面是“echarts地图给每个区域添加不同颜色”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_1512.html
workflows工作流
一个时间旅行女人的神秘剪影ComfyUI工作流
树上挂着一只快乐的小樱桃
一张皮卡丘向观众眨眼的逼真照片ComfyUI工作流
一个黄色的海绵宝宝ComfyUI工作流
一个巨大的漆黑的蟹王ComfyUI工作流
一个冰淇淋ComfyUI工作流
一只巨大的古代乌龟后面建有一座城市的超现实场景
一棵白色心形流苏树comfyui工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
利用canvas画几个好玩的星云物种
js实现下雪特效
css3实现星球旋转
canvas黑洞漩涡(canvas+js)
css3结合svg做一个动态广告
利用html5+css3实现滚雪球效果(附代码)
制作一个好玩的倒计时







