0.0.3 • Published 7 years ago

better-echarts-maps v0.0.3

Weekly downloads
4
License
MIT
Repository
-
Last release
7 years ago

Better ECharts Maps

更好的 ECharts 中国地图,主要有以下扩展:

  1. 所有地图的坐标都是明文,可以使用 Geojson.io 进行编辑。
  2. 对地图内超长地名进行了缩减,方便进行显示,目前最长的是新疆部分地区五个字符长度(这会造成与官方原版地图不兼容)。
  3. 对地图进行整体打包,不用再单个引用,方便通过 webpack 进行地图注册。

同时,还提供了两份新的地图和数据:

  1. china-regions 中国区域地图
  2. china-cities-coordinate 包含了 435 个全国城市坐标,官方范例只有 190 个城市坐标。

目前包含了全国的省市和地区地图两种,39个省份和直辖市地图(包含直辖市边界图)。

安装方法

npm install --save better-echarts-maps

使用方法

因为 npm package 限制,一次只能导出一个 module,所以默认导出的是所有地图, 这有可能会导致程序体积膨胀,建议配合 Webpack 2 的 Tree shaking 特性将不用的地图去掉,

目前程序导出的四种地图类型如下:

名称说明
China全国省份地图
ChinaRegions全国区域地图
ChinaProvinces所有单个省份地图
ChinaCitiesCoordinate全国430个城市坐标
all除了坐标以外的所有全国、和省市地图

所有数据都为数组结构,以全部地图(all)为例,可以通过下面命令进行注册:

var betterEChartsMap = require('better-echarts-map');
betterEChartsMap.all.forEach(map => echarts.registerMap(map[0], map[1]));

推荐使用 ES6 的 import 语法进行单个引用,例如

import { ChinaCitiesCoordinate } from 'better-echarts-map';

在 ECharts 中使用注册的新地图

地图具体参数可以参考 http://echarts.baidu.com/examples.html

地图坐标具体使用方法可以参考 http://echarts.baidu.com/demo.html#effectScatter-map

也可以参考项目的 Demo http://xuqingkuang.github.io/better-echarts-maps

所有地图的名称对照

地图 mapType地图
china全国省份地图
china-regions全国地区地图
anhui安徽省地图
beijing北京市地图
beijing-contour北京市边界图
chongqing重庆市地图
chongqing-contour重庆市边界图
fujian福建省地图
gansu甘肃省地图
guangdong广东省地图
guangxi广西省地图
guizhou贵州省地图
hainan海南省地图
hebei河北省地图
heilongjiang黑龙江省地图
henan河南省地图
hongkong香港特别行政区地图
hubei湖北省地图
hunan湖南省地图
jiangsu江苏省地图
jiangxi江西省地图
jilin吉林省地图
liaoning辽宁省地图
macao澳门特别行政区地图
neimenggu内蒙古藏族自治区地图
ningxia宁夏自治区地图
qinghai青海省地图
shandong山东省地图
shanghai上海市地图
shanghai-contour上海市边界图
shanxi山西省地图
shanxi2陕西省地图
sichuan四川省地图
taiwan台湾省地图
tianjin天津市地图
tianjin-contour天津市边界图
xinjiang新疆维吾尔自治区地图
xizang西藏藏族自治区地图
yunnan云南省地图
zhejiang浙江省地图

已知问题

  1. 香港、澳门、新疆三个地区地图有问题,待后期修复了。
  2. 城市坐标有个别城市数据为空,仍需要补齐。