处理微信小程序 ec-canvas 绘制map地图时缩放大小问题

版本为5.1.2 min版本 ,https://github.com/apache/echarts/releases?page=3  最重要的是这个下面这个dataZoom写法添加

dataZoom:{
type: 'inside'
},

 const option = {
          dataZoom:{
            type: 'inside'
          },
          geo: [{
            map: mapName,
            geoIndex: 0,
            zoom: 1, //默认显示级别
            scaleLimit: {
              min: 0.1,
              max: 3
            }, //缩放级别

            roam : true,//是否开启缩放和平移
            selectedMode: 'single', // 允许单选  single
            // 默认选中的颜色
            select: {
              itemStyle: {
                areaColor: '#6D717A', //默认的地图板块颜色
                borderColor: 'rgba(255,255,255,0.6)',//地图边框颜色
                opacity : 1,
              },
              label: false
            },
            label: {
              show : false,
            },
            // 设置为一张完整经纬度的世界地图
            left: 0,
            top: '20%',
            right: 0,

            // botto: 0,
            itemStyle : {//地图区域的多边形 图形样式
              hoverAnimation : true,
              normal : {
                opacity : .6,
                borderWidth: 1,
                areaColor: '#4C525D', //默认的地图板块颜色
                borderColor: 'rgba(255,255,255,0.2)',//地图边框颜色
              },
              // 点击选中的颜色
              emphasis : {
                areaColor: '#6D717A', //默认的地图板块颜色
                borderColor: 'rgba(255,255,255,0.6)',//地图边框颜色
                opacity : 1,
                label: {
                  show : false,
                  fontSize : 0
                }
              },
            },
            // 点击选中的颜色
            emphasis : {
              label: {
                show : false,
              }
            },
            animation: true,
            regions,
            tooltip: {
              show: false
            }
          }],
}

 

posted @ 2024-09-20 11:53  惠鹏曦  阅读(14)  评论(0编辑  收藏  举报