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]
  • 相关阅读:
    JS 博客园鼠标点击效果
    安卓socket聊天
    抖音C#版,自己抓第三方抖音网站
    C#网易云音乐播放器
    反编译APK
    Raspberry Config.txt 介绍
    Raspberry U盘操作
    排序(I)
    未解决问题:
    CocoaPod 问题(I)
  • 原文地址:https://www.cnblogs.com/liuyingde/p/14004654.html
Copyright © 2011-2022 走看看