zoukankan      html  css  js  c++  java
  • Echarts: 绘制完整中国地图

    先上效果图

     一般来说,直接引入 china.js: import 'echarts/map/js/china' 即可; 但如果要在地图基础上定制化, 首先就需要地图数据, 如下:

    1. 首先拿到中国地图省份Geo数据; import chinaGeo from 'echarts/map/json/china.json'

    2. 对 json解码; decode(chinaGeo) decode方法: echarts/coord/geo/parseGeoJson.js

    3. 往解码得到的 GeoJson.features 中添加南海诸岛, 钓鱼岛坐标数据; echarts/coord/geo/fix/[diaoyuIsLand, nanhai] 

    至此, 便得到完整的中国地图板块数据; 截图中多出的深圳市也是以同样方法得到 广东省(echarts/map/json/province/guangdong.json)下深圳的数据

    // 附: 中国地图大概的中心点坐标

    // 123.353273,53.483665 北
    // 109.592095,18.004877 南
    // 135.201132,48.276569 东
    // 73.533393,39.292517 西
    const chinaGeoCenter = [104.367262, 35.844271]
  • 相关阅读:
    一个菜鸟把Vue项目打包为APP的道路
    echarts
    no module named selenium
    git使用教程
    JDK安装与环境变量配置
    家具摆件
    家店分会场
    双十一电器城
    室内门锁
    http://cjy.suda.edu.cn/File.aspx?id=427
  • 原文地址:https://www.cnblogs.com/liuyingde/p/14004654.html
Copyright © 2011-2022 走看看