html5 引用 json 文件,html5的json地图引用

1.需求描述

地图组件是我们在创建报表中经常会用到的,那么如何实现在报表里将本地文件里面的地图应用上去。实现效果如下:

08072a7cd0acabdf279954bc23d84c12.png

2.实现过程

2.1新建报表模板

在主题集节点或者主题集下面的分组节点上,点击右键"新建报表模板",系统就会在右侧工作区,打开一个新的报表模板编辑页面,报表的代号是系统自动生成,报表的代号和标题都可以自定义。

80a6fac95011ba1cfc80721f725f747c.png

2.2拖入统计图组件

7ae0a2b42bec243f63c55ca5a91dfbaa.png

2.3添加json地图

方法:系统管理—>资源管理器,找到root/products/ebi/sys/ditu这个路径,右键导入需要引用的地图

8c7c89844c07c0a7bcc3b84b2f33db96.png

2.4统计图设置

从统计图组件中拖出一个统计图

e3b771166889fac3df4b59294792ec32.png

双击统计图选择统计图类型

3e576827d26b4e5ba27cd26d4f9b9391.png

在统计图设置—>显示—>外观设置

e0f050e06fd215ecd17ed7e3a8e652fa.png

注意:自定义地图路径为系统导入路径,查看本文档2.3节,例:root/products/ebi/sys/ditu/42.json

2.5报表抓取

创建报表之后双击地图抓取数据

4e6a0514216d286dc02c406fe94f68fa.png

注意:报表里面要有与地图相关的行政区划表,如下:

24fb20ef9d81a2959d3ce5999d6d5b1f.png

然后保存、计算就可以达到这个效果了。

3.总结

1、添加地图时的自定义路径要添加文件名称以及后缀

2、行政区划一定要跟地图对应

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值