echarts geo地图示例_ECharts 实现地图散点图上（转载）

转载来源：https://efe.baidu.com/blog/echarts-map-tutorial/

ECharts 实现地图散点图(上)

小红 2016-04-28

ECharts 作为国内应用最广泛的前端可视化生成工具，提供了丰富的图表展现方式和便捷的图表操作。 ECharts 支持 geoJson 格式的地图，并且官网上提供了现成的 world，china 及全国34个省市自治区地图的下载。这篇文章中我们将会讲解如何使用 ECharts 实现一个中国地图上绘制的散点图。

一、初始准备

1. 新建html

首先，新建项目目录 echartsMapDemo，在其中新建一个 html 文件 index.html。

echartsMapDemo/index.html:

ECharts map Demo

2.引入echarts文件

从 echarts官网 下载最新完整开发包(目前最新版本是3.1.4)。

将下载好的包放置在 echartsMapDemo/dep 目录下并在 html 中以 script 标签引入：

ECharts map Demo

3.创建图标容器

在 html 中定义一个 div 作为地图的容器，高度设为 500px 。别忘了，一定要保证容器高度不为 0：

ECharts map Demo

然后，我们还需要一个地图文件，echart 提供两种格式的地图数据，一种是 js 格式，一种是 JSON 格式。下文中我们会分别使用这两种方式实现。

同样去 官网 上下载，这里选择下载中国地图 china.js 或 china.json 。你也可以根据需要选择其他省份地图或世界地图

好了，准备工作完成࿰