在地图上展现地域相关的数据，是在公共设施管理、交通、电信、城市建设、能源、电力、农业等国民经济相关的应用系统中是比较常见的直观图表形式。以前，如果在报表应用系统中需要显示地图相关的信息，开发人员可能会第一时间想到GIS(Geographic Information Software地理信息软件)，但是GIS的体系较大，需要开发人员定义GIS中被执行的各种任务，开发相应的处理程序。 熟练的操作人员甚至还需要克服GIS软件功能的不足。事实上，如果只是想做个地图显示数据，完全不必要用这么大的牛刀哦！

专注于为中小企业提供成都网站设计、做网站、成都外贸网站建设公司服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业绥德免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

现在echarts这个小鲸鱼做地图数据呈现可以帮助我们轻松做出地图数据呈现，而润乾报表则将echarts脚本集成到了设计器下，在根据类别选好要做的地图模板后，通过设置下几个参数，一个数据地图就轻松完成了。

我们先来看几个润乾内置的echarts地图效果吧!

怎么样，是不是很酷炫？下面我们再通过一个例子，看看如此酷炫的地图是不是还需要那么复杂步骤……

1、数据准备

连接数据源，新建报表，增加数据集。不论数据集是采用哪种方式得到的，最终整理好后的数据都应该是下面的格式。哈哈，不用紧张，字段名可以不一样哟。

注意：第二个字段城市的名字，省份的名字中一定不要出现省市的字样，例如：北京，不要写成北京市；黑龙江，不要写成黑龙江省，否则，会出现对应省市的数据在统计图中无法对应的情况。

2. 单元格中添加echarts统计图模板。

（1）选统计图JS模板

选中需要设为统计图的单元格，点击“报表-第三方图形”菜单项，或者右键“菜单-第三方图形”，在图形编辑窗口中点击打开模版按钮，缺省会直接指向【安装根目录】/chart目录，用户也可自行切换到模版的存放路径。

（2）设置统计图所需参数值。

参数列表中的参数值可以引用数据集数据，是通过润乾报表提供的json@a()函数将数据集转换成二维数组的json串。具体参考教程中json函数说明。

点击确定后，我们就可以在web端发布报表，看看统计图的效果了。

3. 在jsp中引入中国地图的js.

Echarts.jsp在demo/reportJsp目录下，在该页面中已经带有中国的js了，如下图所示。

如果是其他省份的地图要对应在该页面中添加。

4. Web端查看效果。

内置tomcat启动的情况下点击IE图标，在浏览器中就可以看到我们直接通过模板做出的地图了。

做省份的地图和国家地图，步骤也相同，现在我扩展下，简单说下：

1. 省份的JS所在的目录是：raqsoft_180514_2\report\web\webapps\demo\raqsoft\echarts3\map\js\province。

这个目录下省份的JS文件名称都是对应省份的全拼，如：宁夏回族自治区对应“ningxia”.这样就出现山西和陕西同名的情况，shanxi.js对应的是山西，shanxi1.js对应的是陕西。

1. 在jsp中引入对应省份的JS脚本。

网页名称：报表中的地图怎么做？
分享路径：http://hbruida.cn/article/jpchcg.html