背景
公司要做一个热力点击图,并能选择一定的区域(框选出一个矩形),并拿到左上角和右下角的坐标。然后计算该区域的点击量以及所占页面点击量的百分比,并显示在框选区域内,并显示在弹出层上。
框选的组件选择了imgAreaSelect;
介绍
官网:
http://odyniec.net/projects/imgareaselect
英文介绍:
http://odyniec.net/projects/imgareaselect/usage.html#styling-options
中文介绍:
http://www.poluoluo.com/jzxy/201110/145600.html
练手的例子可参考一下博客:
利用jquery的imgAreaSelect插件实现图片裁剪示例
http://www.cnblogs.com/mizzle/archive/2011/10/13/2209891.html
后续内容
后续我会介绍一下热力点击图中的划区统计的前端实现;
包含以下几点:
1、框选并发Ajax请求到后台;
2、如何实现在框选区域内,将文字展现出来;
3、粗略介绍一下美化和调优
4、弹出层会介绍jquery_dialog(自己修改版);
5、修订一些组件的不便之处(例如:btn参数不传会报错,弹出层拖动容易脱离区域,导致有时拖动不了)
6、弹出层计算位置,以及点击框选部分,会弹出弹出层(这些需要修改源码)
以上这些内容我将会另外开一个帖子,将这个热力点击图的划区统计功能介绍完整。
分享到:
相关推荐
下面小编就为大家带来一篇HTML基础必看---表单,图片热点,网页划区和拼接详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
防爆电气划区选型技术实用标准.doc
以某煤矿煤层厚度为实验对象,采用模糊聚类(Fuzzy C-Means,FCM)处理技术,研究并证实了空间数据挖掘中的划区效应现象.
2、资料准备(包括调查区域内的居住点、土地利用现状、道路情况、主要出行地点 等) 3、编制调查设计方案(拟定调查区域、交通划区、抽样、表格设计) 4、实施调查(通过网络或实地分发调查问卷、回收调查问卷) 5、...
科罗拉多州重新划分佣金申请科罗拉多州正在申请两个公民重新划区委员会-一个是立法边界的,另一个是国会边界的。 。 该Python项目将数据抓取到单个CSV文件 。运行脚本我正在使用pipenv来管理依赖关系- requests和bs4...
非常好用的一款服务器分区工具
在中国快速的城市化进程中,城市扩张所引起的问题日益严重。 广东省的GDP在中国连续29年排名第一。 其城市紧凑性的时空特征极为典型。 本文采用突变级数法计算了广东省21个地级市2000年至2015年的城市紧凑度,然后...
一、表单 <form id= name= method=post/get action=负责处理的服务端> id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见。...
2018最完整的全国省市区数据.是EXCEL数据格式,可直接导入数据库。特别好的资源。
2021年度的行政区划代码
最完整的全国省市区数据,包含省市区,简称、全称、坐标、以及三级联动数据结构、邮编等等。
不用多介绍了,想必追求者一看就明白。讲了信号完整性问题
问鼎OSPF(1)-互联Route群雄争,OSPF 出横空.docx 问鼎OSPF(2)-初涉路由显神通,民主...问鼎OSPF(4)-连绵网络拔地起,划区而治应运生.docx 问鼎OSPF(5)-内外疾行烽火令,锦绣山河尽囊中.docx .......等等内容
根据平顶山矿区内部分矿井实测三向应力、瓦斯含量、压力值计算了各矿区煤层弹性能及瓦斯膨胀能,并分析了其分布规律及特点,结合平煤矿区3次地质运动及矿区内...,得到了突出潜能的主要控制因素并进行突出危险性划区...
能够运用软件进行简单的规划设计,包括导入规划区域背景图、建立路网图、建立交通区图等。能够输出结果并进行简单分析。 1.2实验要求任务 1)线层路网文件 2) 面层交通区文件 交通分布的两个OD 矩阵文件 交通...
通过对长芒草一杂类草型草原实行暖季划区轮牧、自由放牧及围栏封育3种不同利用方式,探讨了划区轮牧在草地植被恢复中的作用。结果表明,在参试条件相同的情况下,轮牧区通过对草地生态系统的协调和家畜采食方式的控制,...
采用文献资料、问卷调查、访谈、实践经验、数理统计法等,选取福建师范大学和部分福建省高校定向运动教学场地资源开发为调查对象,着重对高校校园定向地理生态环境资源开发条件、校园定向运动教学活动区域场地和检查...
荒漠草原不同放牧制度对植物群落多样性及稳定性的影响,沈艳,李阳,以宁夏盐池县荒漠草原为研究对象,通过划区轮牧、连续放牧和封育的比较试验,研究了不同放牧制度对群落α、β多样性,多样性相关�
第八条 物资的储存保管,原则上应以物资的属性、特点和用途规划设置仓库,并根据仓库的条件考虑划区分工。 第九条 物资堆放的原则是:在堆放合理安全可靠的前提下,根据货物特点,必须做到查点方便,成行成列,排列...