Echarts地图各配置项详解及全国省市数据

 option: {
        backgroundColor: "#fff", // 画布颜色
        //工具提示
        tooltip: {
          backgroundColor: "rgba(255,255,255,1)",
          borderColor: "#333",
          // 提示文字内容及样式
          formatter: function (params) {
            console.log("2323", params.data);
            var result = "";
            result += params.data.name + "<br>";
            result += "<span>" + params.data.address + "</span><br>";
            result += "<span>" + params.data.phone + "</span><br>";
            result += "<span>" + params.data.workRule + "</span>";
            return result;
          },
        },
        //地理坐标系组件用于地图的绘制
        geo: [
          {
            map: "hebei", // 使用 registerMap 注册的地图名称 注册可用的地图，只在 geo 组件或者 map 图表类型中使用
            aspectScale: 1, // 这个参数用于 scale 地图的长宽比
            roam: false, // 是否允许缩放
            zoom: 1.1, // 当前视角的缩放比例
            center: [116.692385, 39.198286], // 河北省地图中心点坐标
            layoutSize: "90%", //地图的大小,支持相对于屏幕宽高的百分比或者绝对的像素大小。
            layoutCenter: ["50%", "50%"], //地图中心在屏幕中的位置
            label: {
              show: true, // 是否地图显示区域的文字，各省市的名字
              color: "#fff",
              fontSize:14,// 省市名称文字大小
            },
            itemStyle: {
              // 区域颜色
              areaColor: {
                type: "radial", //渐变方式
                x: 0.7,
                y: 0.5,
                r: 0.4,
                // 修改地图颜色 渐变效果
                colorStops: [
                  {
                    offset: 0,
                    color: "#0160AD", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "#0160AD", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
              emphasis: {
                areaColor: "blue", // 鼠标移入区域背景颜色
                borderWidth: 0,
              },
              borderColor: "#FFFFFF",
              borderWidth: 1,
            },
            //高亮状态下的多边形和标签样式。
            emphasis: {
              itemStyle: {
                areaColor: "#0160AD",
              },
              label: {
                show: 1,
                color: "#fff",
              },
            },
            // zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面
            zlevel: 3,
          },
        ],
        // 图表系列信息
        series: [
          {
            type: "scatter", // 散点（气泡）图,有多个type可以选择
            coordinateSystem: "geo", // 坐标系  geo使用地理坐标系
            symbolSize:16, // 闪烁点的大小
            zlevel: 10, // 这里是关键，一定要放在 series中，显示层级，
            // 是否开启高亮后的放大效果。从 5.3.2 版本开始支持 number，用以设置高亮放大倍数，默认放大 1.1 倍
            emphasis: {
              scale: true, 
            },
            symbol:'image://' + logo, // 标记的图形 可以通过 'image://url' 设置为图片，其中 URL 为图片的链接，或者 dataURI
            itemStyle: {
              // 点的颜色可以根据 params 参数里面的值去设定不通的颜色
              color: function () {
                return "white";
              },
              // shadowBlur: 10,
              // shadowColor: "#333", //图形阴影
            },
            data: [], // 点的数据，包含经纬度
          },
        ],
      },