echarts 地图添加纹理

上图:
在这里插入图片描述

在geo中设置areaColor放置纹理图片
let mapbg = ‘largeScreenShow/mapIcon/mapbg.png’
let mapbgHover = ‘largeScreenShow/mapIcon/mapbgHover.png’

geo: [
              {
            type: 'map',
            map: '广东省',
            label: {
              show: true,
              color: '#ffffff'
            },
            aspectScale: 1,
            zoom:that.enlargeNum,  // 放大缩小
            roam: true, //支持拖拽缩放
            scaleLimit: {
              //滚轮缩放的极限控制
              min: 1, //缩放最小大小
              max: 5, //缩放最大大小
            },
            center: [113.280637, 23.125178],
            itemStyle: {
              borderColor: 'none',
              borderWidth: '1',
              shadowColor: 'rgba(48,42,36,1)',
              shadowOffsetX: 10 * that.scaling,
              shadowOffsetY: 10 * that.scaling,
              areaColor: { // 旧版本才可以在颜色中使用图片
                image: mapbg,
                repeat: 'repeat'
              },
              emphasis: {
                areaColor: { // 旧版本才可以在颜色中使用图片
                  image: mapbgHover,
                  repeat: 'repeat'
                },
              }
            },
            emphasis: {
              label: {
                show: true,
                color: '#fff'
              },

            }
          },
          ],

总结:这样地图纹理就出来绿绿的了。注意echarts-gl的版本号 要匹配的上echarts的版本号

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值