echarts图表展示地图指定区域

已于 2024-05-09 11:12:16 修改
阅读量2.1k 收藏 2
点赞数 1
分类专栏： HTML + CSS + JS HTML5 文章标签： echarts 前端 javascript
于 2023-03-22 14:29:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16494241/article/details/129709033
版权

echarts图表，结合城市范围选择器，实现展示地图指定区域，且可以点击城市下穿至下一级区域交互效果；

指定区域获取方式：
城市范围选择器：http://datav.aliyun.com/portal/school/atlas/area_selector

示例1：
echarts图表，展示地图指定区域，并写入经纬度标注点展示标注；
点击城市下穿至下一级区域；
下级区域点击可返回至上级；
区域变化时，重置经纬度标注点数据；
点击标注点可获取相应标识，可对应做相应处理；

demo：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>合肥地图</title>
    <style>
      *{ margin: 0; padding: 0;}
      body{ background: linear-gradient(45deg , #001B4B , #006FCA , #006FCA , #003783);}
    </style>
  </head>
  <body>
    
    <div id="main" style="width: 100vw; height: 100vh;"></div>
    
    <script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>
    
    <script>
      var listKey = {
        '合肥市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340100_full.json',
        },
        '瑶海区':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340102.json',
          points:[{name: '瑶海区111',value: [117.313076,31.866118]},]
        },
        '庐阳区':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340103.json',
          points:[{name: '庐阳区111',value: [117.261397,31.889056]},{name: '庐阳区222',value: [117.269733,31.881452]},]
        },
        '蜀山区':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340104.json',
          points:[{name: '蜀山区111',value: [117.157229,31.872589]},{name: '蜀山区222',value: [117.173902,31.848054]},]
        },
        '包河区':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340111.json',
          points:[{name: '包河区111',value: [117.298183,31.81746]},{name: '包河区222',value: [117.407992,31.761968]},]
        },
        '长丰县':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340121.json',
          points:[{name: '长丰县111',value: [117.168961,32.490058]},]
        },
        '肥东县':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340122.json',
          points:[{name: '肥东县111',value: [117.473675,31.899776]},{name: '肥东县222',value: [117.473675,31.890456]},]
        },
        '肥西县':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340123.json',
          points:[{name: '肥西县111',value: [117.09212,31.763079]},{name: '肥西县222',value: [117.051876,31.718367]},]
        },
        '庐江县':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340124.json',
          points:[{name: '庐江县111',value: [117.293574,31.273179]},{name: '庐江县222',value: [117.304497,31.224772]},]
        },
        '巢湖市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340181.json',
          points:[{name: '巢湖市111',value: [117.802437,31.639333]},{name: '巢湖市222',value: [117.897298,31.62064]},]
        },
      }
      var keyName = '合肥市';
      function setMap(){
        // $.get('//geo.datav.aliyun.com/areas_v3/bound/340100_full.json', function (geoJson) {
        $.get(listKey[keyName].json, function (geoJson) {
          myChart.hideLoading();
          echarts.registerMap('HF', geoJson);
          myChart.setOption(
            (option = {
              title: {
                show: true, //显示标题
                // left: 'left', //显示在横向位置
                // top: 'top', //显示在竖向位置
                textStyle:{
                  color:'#ffffff'
                },
                text: '合肥地图',
                subtext: 'ECharts 快速上手', //点击 跳转链接（sublink）
                sublink:'https://echarts.apache.org/handbook/zh/get-started/',
                subtextStyle:{
                  color:'#fff'
                },
              },
              tooltip: {
                trigger: 'item',
                formatter: '{b}<br/>{c}（单位）'
              },
              toolbox: {
                show: true, // 显示菜单
                orient: 'vertical',
                // left: 'right', //显示在横向位置
                // top: 'top', //显示在竖向位置
                iconStyle:{
                  borderColor:'#fff'
                },
                feature: {
                  dataView: { readOnly: false }, //数据视图
                  restore: {}, //刷新重置
                  saveAsImage: {}, //保存为图片
                }
              },
              visualMap: {
                show: true, //显示数据区间查看器
                min: 10,
                max: 600,
                text: ['High', 'Low'],
                // left: 'left', //显示在横向位置
                // top: 'bottom', //显示在竖向位置
                textStyle:{
                  color:'#ffffff'
                },
                realtime: false,
                calculable: true,
                inRange: {
                  // 地图渲染色值（根据data中value数据区间展示对应渐变过度色值，值越小展示越靠前的色值）
                  // color: ['#B0E1FF', '#63C1FD' , '#3CADF4'],
                  color: ['lightskyblue', 'yellow', 'orangered'],
                }
              },
              series: [
                {
                  name: '合肥地图',
                  type: 'map',
                  map: 'HF',
                  label: {
                    show: true
                  },
                  data: [
                    { name: '瑶海区', value: 10 }, //{b} : name {c} : value
                    { name: '庐阳区', value: 50 },
                    { name: '蜀山区', value: 100 },
                    { name: '包河区', value: 150 },
                    { name: '长丰县', value: 300 },
                    { name: '肥东县', value: 400 },
                    { name: '肥西县', value: 500 },
                    { name: '庐江县', value: 600 },
                    { name: '巢湖市', value: 70 },
                  ],
                  // 自定义名称映射（地图JSON中name是英文的展示处理）
                  nameMap: {
                    'yaohai': '瑶海区',
                    // ...
                  }
                },
                // 写入经纬度标注点所需
                {
                  name: '',
                  type: 'scatter',
                  coordinateSystem: 'geo',
                  color: ['#000'],
                  tooltip: {
                    position: "right",
                    color: "#000",
                    formatter(d) {
                      // console.log(d)
                      return `<div style="padding: 5px 10px;">【${d.data.name}】</div>`;
                    },
                  },
                  itemStyle: {
                    color: '#ddb926',
                    normal: {
                      areaColor: '#8abcd1',
                      borderColor: '#fff',
                      borderWidth: 1,
                    },
                    emphasis: {
                      areaColor: '#fff',
                      borderColor: '#ff0000',
                      borderWidth: 0.5,
                    }
                  },
                  // 经纬度数据
                  data: keyName == '合肥市' ? [].concat(listKey['瑶海区'].points,listKey['庐阳区'].points,listKey['蜀山区'].points,listKey['包河区'].points,listKey['长丰县'].points,listKey['肥东县'].points,listKey['肥西县'].points,listKey['庐江县'].points,listKey['巢湖市'].points) : listKey[keyName].points,
                }
              ],
              // 写入经纬度标注点所需
              geo: {
                show: true,
                map: 'HF',
                type: 'map',
                // mapType: 'anhui',
                roam: false,
                // label: {
                //   normal: {
                //     // 显示省份标签
                //     show: false,
                //     textStyle: {
                //       color: '#fff',
                //       fontSize: 10
                //     }
                //   },
                //   emphasis: {
                //     // 对应的鼠标悬浮效果
                //     show: true,
                //     // 选中后的字体样式
                //     textStyle: {
                //       color: '#000',
                //       fontSize: 14
                //     }
                //   }
                // },
                // itemStyle: {
                //   color: '#ddb926',
                //   normal: {
                //     areaColor: '#8abcd1',
                //     borderColor: '#fff',
                //     borderWidth: 1
                //   },
                //   emphasis: {
                //     borderWidth: 0.5,
                //     borderColor: '#8abcd1',
                //     areaColor: '#fff'
                //   }
                // },
                // emphasis: {
                //   label: {
                //     show: false
                //   }
                // }
              }
            })
          );
        });
      }
      
      var chartDom = document.getElementById('main');
      var myChart = echarts.init(chartDom);
      var option;
      
      myChart.showLoading();
      setMap();
      
      option && myChart.setOption(option);
      window.addEventListener('resize', myChart.resize);
      myChart.on('click', function (param) {
        console.log(param)
        console.log(param.name)
        if(!listKey[param.name]){
          return;
        }
        if(keyName == param.name){
          keyName = '合肥市';
        }else{
          keyName = param.name;
        }
        setMap();
      })
    </script>
    
    
  </body>
</html>

示例2：
echarts图表，展示地图指定区域；
部分城市点击可下穿至下一级区域；
下级区域点击第二次时，可返回至上级；

demo：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>安徽地图</title>
    <style>
      *{ margin: 0; padding: 0;}
      body{ background: linear-gradient(45deg , #faddcb , #eb493c);}
    </style>
  </head>
  <body>
    
    <div id="main" style="width: 100vw; height: 100vh;"></div>
    
    <script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>
    
    <script>
      var listKey = {
        '安徽省':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340000_full.json',
        },
        '合肥市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340100_full.json',
        },
        '芜湖市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340200_full.json',
        },
        // '蚌埠市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/340300.json',
        // },
        // '淮南市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/340400.json',
        // },
        // '马鞍山市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/340500.json',
        // },
        // '淮北市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/340600.json',
        // },
        '铜陵市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/340700_full.json',
        },
        // '安庆市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/340800.json',
        // },
        // '黄山市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341000.json',
        // },
        '滁州市':{
          json:'https://geo.datav.aliyun.com/areas_v3/bound/341100_full.json',
        },
        // '阜阳市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341200.json',
        // },
        // '宿州市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341300.json',
        // },
        // '六安市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341500.json',
        // },
        // '亳州市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341600.json',
        // },
        // '池州市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341700.json',
        // },
        // '宣城市':{
        //   json:'https://geo.datav.aliyun.com/areas_v3/bound/341800.json',
        // },
      }
      var isBackBefore = false; //根据此标识设置二级第二次点击返回上级
      var keyName = '安徽省';
      function setMap(){
        // $.get('//geo.datav.aliyun.com/areas_v3/bound/340100_full.json', function (geoJson) {
        $.get(listKey[keyName].json, function (geoJson) {
          myChart.hideLoading();
          echarts.registerMap('AnHui', geoJson);
          myChart.setOption(
            (option = {
              visualMap: {
                show: false, //显示数据区间查看器
                min: 0,
                max: 100,
                inRange: {
                  // 地图渲染色值（根据data中value数据区间展示对应渐变过度色值，值越小展示越靠前的色值）
                  // color: ['lightskyblue', 'yellow', 'orangered'],
                  color: ['rgba(255,0,0,.1)','rgba(255,0,0,1)'],
                }
              },
              tooltip: {
                trigger: 'item',
                formatter: '{b}<br/>点亮数：{c}',
                backgroundColor: 'rgba(255,255,255,.8)',
                borderColor: 'rgba(255,255,255,0)',
                textStyle: {
                  fontSize: 26,
                }
              },
              series: [
                {
                  name: '安徽地图',
                  type: 'map',
                  map: 'AnHui',
                  // aspectScale: 1, //长宽比， 默认是: 0.75
                  zoom: 1.2, //当前视角的缩放比例， 默认是: 1
                  label: {
                    show: true,
                    fontSize: 30,
                    color: 'yellow',
                  },
                  // 地图区域的多边形 图形样式
                  itemStyle: {
                    areaColor: '#f00', //地图区域的颜色（设置了 visualMap inRange color 则其权重高）
                    // color: '#eee', //
                    borderColor: '#fff886',
                    borderWidth: 2,
                    // borderType: 'solid', // solid dashed dotted
                    shadowColor: 'rgba(0, 0, 0, 0.2)',
                    shadowBlur: 10,
                    shadowOffsetX: 1,
                    shadowOffsetY: 1,
                    // opacity: 1,
                  },
                  // 高亮状态下的多边形和标签样式
                  emphasis: {
                    itemStyle: {
                      areaColor: '#ff0', //地图区域的颜色
                    },
                    label: {
                      color: '#f00',
                    },
                  },
                  // 选中状态下的多边形和标签样式
                  select: {
                    itemStyle: {
                      areaColor: '#ff0', //地图区域的颜色
                    },
                    label: {
                      color: '#f00',
                    },
                  },
                  data: [
                    { name: '蚌埠市', value: 0 },
                    { name: '淮南市', value: 10 },
                    { name: '马鞍山市', value: 20 },
                    { name: '淮北市', value: 30 },
                    { name: '安庆市', value: 40 },
                    { name: '黄山市', value: 50 },
                    { name: '阜阳市', value: 60 },
                    { name: '宿州市', value: 70 },
                    { name: '六安市', value: 80 },
                    { name: '亳州市', value: 90 },
                    { name: '池州市', value: 100 },
                    { name: '宣城市', value: 110 },
                    // 合肥市-对应数据
                    { name: '合肥市', value: 90 },
                    { name: '瑶海区', value: 10 },
                    { name: '庐阳区', value: 10 },
                    { name: '蜀山区', value: 10 },
                    { name: '包河区', value: 10 },
                    { name: '长丰县', value: 10 },
                    { name: '肥东县', value: 10 },
                    { name: '肥西县', value: 10 },
                    { name: '庐江县', value: 10 },
                    { name: '巢湖市', value: 10 },
                    // 芜湖市-对应数据
                    { name: '芜湖市', value: 70 },
                    { name: '镜湖区', value: 10 },
                    { name: '鸠江区', value: 10 },
                    { name: '弋江区', value: 10 },
                    { name: '湾沚区', value: 10 },
                    { name: '繁昌区', value: 10 },
                    { name: '南陵县', value: 10 },
                    { name: '无为市', value: 10 },
                    // 铜陵市-对应数据
                    { name: '铜陵市', value: 40 },
                    { name: '铜官区', value: 10 },
                    { name: '义安区', value: 10 },
                    { name: '郊区', value: 10 },
                    { name: '枞阳县', value: 10 },
                    // 滁州市-对应数据
                    { name: '滁州市', value: 80 },
                    { name: '琅琊区', value: 10 },
                    { name: '南谯区', value: 10 },
                    { name: '来安县', value: 10 },
                    { name: '全椒县', value: 10 },
                    { name: '定远县', value: 10 },
                    { name: '凤阳县', value: 10 },
                    { name: '天长市', value: 10 },
                    { name: '明光市', value: 10 },
                  ]
                },
              ],
            })
          );
        });
      }
      
      var chartDom = document.getElementById('main');
      var myChart = echarts.init(chartDom);
      var option;
      
      myChart.showLoading();
      setMap();
      
      option && myChart.setOption(option);
      window.addEventListener('resize', myChart.resize);
      myChart.on('click', function (param) {
        // console.log(param)
        // console.log(param.name)
        if(!listKey[param.name]){
          // console.log(['合肥市','芜湖市','铜陵市','滁州市'].indexOf(keyName))
          if(['合肥市','芜湖市','铜陵市','滁州市'].indexOf(keyName) != -1){
            if(isBackBefore){
              isBackBefore = false;
              keyName = '安徽省';
              setMap();
            }else{
              isBackBefore = true;
            }
          }
          return;
        }
        // console.log(keyName , param.name)
        // if(keyName == param.name){
        //   keyName = '合肥市';
        // }else{
          keyName = param.name;
        // }
        setMap();
      })
    </script>
    
    
  </body>
</html>

羽筠
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+echarts 区域地图绘制（街道）
qq_42221321的博客
12-21 6455
vue+echarts 区域地图绘制（街道）1、以下是本人参考别的博主的链接2、需要用到的资源3、获取地图JSON（1）[阿里云](http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5)获取--只精准到市区（--这里以深圳市为例）（2）[北斗卫星软件](http://www.bigemap.com/)获取--精准
Echarts自定义地图显示区域，可以显示公园，小区，学校等区域
speedwalkman的专栏
06-12 3191
具体工作中，使用Echarts时要显示自定义区域，但是往往这些区域不是默认的区域，需要我们手动建立这个区域的地理信息。 本章就是教会大家如何自己动手生产自定义区域的地理信息。
使用echarts绘制中国地图根据不同的省份划分到指定区域里面中
最新发布
qq_44552416的博客
07-05 505
需求：我们在开发过程中会遇到使用中国地图来划分不同区域省份下面的数量统计情况，但是有时候使用Echarts里面地图功能和我们实际业务需求不匹配的，这个时候就需要我们手动自定义进行划分不同区域下面的省份数据。例如大区1下面有哪些省份，大区2对应哪些的省份进行划分显示的。【2】把需要合并的省份的经纬度数据合并起来。
echarts自定义区域地图
qq_41612176的博客
08-27 3741
echarts自定义区域地图地图代码逻辑梳理文件梳理myChina.jsonmapData.jsonmock.json（权限json---等同于后台返回的权限json）chinaMapData.json(全国地图展示数据信息 --- 等同于后台请求的数据json)绘制逻辑规则判断划分逻辑 地图代码逻辑梳理 文件梳理 myChina.json 主要参数 properties.name (地区名称) properties.regionId (地区id) geometry.coordinates (单独区域
echarts地图自定义任意区域
bangman4009的博客
04-11 1311
这里可以直接在地图上框选区域，右侧会自动生成geojson 转载于:https://www.cnblogs.com/Brose/p/echarts_map_diy.html
echarts制作区域地图。
qq_40657283的博客
03-18 4285
首先获取需要制作地图的json数据 http://datav.aliyun.com/tools/atlas/#&lat=22.65267050733856&lng=114.18983459472656&zoom=10 页面引入json数据 initChart() { var myChart = echarts.init(this.$refs.chart1); echarts.registerMap("zhouShan", mapData);//mapD
echarts 地图 自定义区域
郑州彭于晏
04-23 624
1 DATAV.GeoAtlas 2 bigemap 3合并文件 http://geojson.io/#map=11/34.8856/114.9733 <!-- * @Author: zhang gen yuan * @Date: 2021-04-13 14:43:28 * @Descripttion: --> <template> <div ref="line" style="width: 100%; height: 600px"></div&
Echarts 绘制地图（中国、省市、区县），保姆级教程！
共同学习，共同成长
06-11 9839
这篇讲述 Vue+Echarts 绘制地图（中国、省市、区县），保姆级教程！
前端开发，利用echarts图表实现海南地图、广东地图等 对应区域的显示、添加图标 等操作，常用大屏展示的部分区域的地图显示~
06-30
首先，要展示特定区域的地图，ECharts提供了一个内置的地图集，包含了中国各个省份和城市的地图数据。对于海南地图和广东地图，我们可以通过ECharts的`geo`组件来实现。在配置项中，我们需要指定地图的类型为`'china...
echarts中地图JSON数据
04-25
总结来说，ECharts中的地图JSON数据是实现地图可视化的关键，它提供了丰富的地理信息，结合ECharts强大的图表功能，可以创建出极具吸引力和洞察力的大屏展示。正确理解和运用地图JSON数据，能够帮助我们更好地在...
echarts地图最新东莞区域地图坐标json数据
06-20
本文将主要讲解如何使用ECharts来展示东莞区域地图，并重点解析“最新东莞地图数据.json”文件中的坐标数据。 **一、ECharts地图组件基础** 1. **地图模板**：ECharts地图组件提供了预定义的中国各个省份和城市...
echarts地图扩展中国分区域geoJSON地图数据
06-06
包括东北、华北、华东、华南、华中、西南、西北七大区，并包括各个区域的省等8个json文件。可用于echarts地图扩展中国分区域
echarts 部分 省份 地图
10-09
echarts 部分 省份 地图 json 格式
Echarts 地图图表示例
11-10
1. `series`：这是ECharts中数据的主要载体，对于地图图表，我们需要设置`type`为`'map'`，并指定地图类型，如`'china'`或`'baidu'`。 2. `mapType`：设置地图的类型，如果是Baidu地图，应设为`'baidu'`。 3. `...
echarts图表各省市县地图生成.rar
02-25
在这个“echarts图表各省市县地图生成.rar”压缩包中，包含的是ECharts用于生成中国各省市县地图的相关资源和教程。 在前端开发中，使用ECharts生成地图是一种常见的需求，特别是在数据分析、地理信息展示等领域。...
echarts地图 自定义区域
weixin_50885665的博客
12-28 472
关于echarts地图坐标自定义区域说明_带刺的茄子的博客-CSDN博客_echarts 地图 自定义区域echarts-map最新实时geoJson文件下载_hxkj.vip_HashTang使用ECharts map，实现省、市、区县、乡镇自定义地图_佳了个欣。的博客-CSDN博客_echarts乡镇地图数据 echarts 地图 自定义区域_一天28小时的博客-CSDN博客_echarts 地图 自定义区域Echarts地图 绘制自定义区域 - geojson.io使用方法_zaqenenen的博客
echarts 地图显示（定位图标）
weixin_44101779的博客
09-15 3800
var myChart= "";//全局定义 myChart= echarts.init(document.getElementById("companydistributed")); function initCompanyMapChart() { var dataList = []; var legendData = []; $.ajax({ url: "<%=request.getCo.
echarts地图自定义区域(并添加标记)
前端阿皓
09-10 8006
一、安装echarts???? npm i echarts --save 二、引入注册???? // main.js import * as echarts from 'echarts'; Vue.prototype.$echarts = echarts 三、绘制自定义区域并下载geojson???? 1、打开网站 http://geojson.io/ 2、项目中新建map.json，将geojson的内容复制到map.json里面 四、使用???? 1、将map.json引入到当前页面 import
Echarts 地图添加自定义区域
weixin_30654583的博客
04-25 4787
使用 Echarts 生成地图时，如果需要添加一些自定义区域，该怎么做呢？请看下面示例。 生成原始地图 index.hmtl 引入 Jquery 和 Echarts <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Echarts 地...
echarts 地图 划过区域颜色
08-28
要在 Echarts 地图上实现划过区域变色的效果，可以通过设置地图的 `itemStyle` 和 `emphasis` 属性来实现。 首先，需要在 `itemStyle` 中定义地图区域的默认样式，例如： ```javascript { itemStyle: { normal: { areaColor: '#fff', // 设置默认的区域颜色 borderColor: '#333' // 设置默认的边框颜色 } } } ``` 接下来，在 `emphasis` 中定义鼠标划过时的样式，例如： ```javascript { emphasis: { itemStyle: { areaColor: '#ccc' // 设置鼠标划过时的区域颜色 } } } ``` 最后，将这些属性应用到地图上即可： ```javascript option = { series: [{ type: 'map', // 设置地图数据和样式 data: [...], itemStyle: { normal: {...}, emphasis: {...} } }] }; ``` 这样，当鼠标划过地图区域时，区域颜色就会变成 `#ccc`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值