首页 前端知识 如何使用china.json导入echarts地图

如何使用china.json导入echarts地图

2024-05-10 22:05:57 前端知识 前端哥 700 260 我要收藏
  • 1、第一步引入china.json,(引入的是中国地图就导入中国地图json,导入省份地图就引入省份json) 地图json获取地址
  • 在这里插入图片描述

  • 2、在里面注册地图,
  • `echarts.registerMap('china',chinaMap)`
    

    这个括号里面的必须一一对应,前面是表示引入什么地图,后面是json文件

    在这里插入图片描述

  • 3、如果大家想在地图上改动,需要了解echarts里面的geo
  • 在这里插入图片描述

    在这里插入图片描述
    这样就可以出现中国地图了
    在这里插入图片描述

    3、配置地图颜色、悬浮、边框、显示标签 圆点设置等
     <template>
      <div style="flex:0 1 50%">
        <dv-border-box-1 id="asdf" style="width:100%;height:400px">
         
          
        </dv-border-box-1>
      </div>
    </template>
    
    <script>
    import * as echarts from 'echarts';
    import ChinaMap 
转载请注明出处或者链接地址:https://www.qianduange.cn//article/7990.html
标签
评论
发布的文章

HTML5(H5)中的Web Workers

2024-05-19 09:05:52

HTML5

2024-02-27 11:02:15

HTML5 <option> 标签

2024-05-19 09:05:51

@JsonProperty 注解详解

2024-05-19 09:05:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!