java热力图_我做了一个傻瓜式热力图生成工具
之前后台有粉丝留言,问怎么做热力图。方法很多,首当其冲大杀器 ArcMap,用 ArcToolBox 里的「插值工具」、「核密度分析」就能实现。
毕竟是专业工具,功能确实强大,但用户体验有时候就差点意思。比如要设置参数,像元大小和搜索半径之类的,像元设置大了,出来的结果可能就是满屏马赛克,像元设置小了,计算时间太长,你等了老半天,最后还提醒失败了。总之体验太差!
于是我又到网上找了找热力图制作的相关工具,不乏好东西,但不是要注册,就是要付费,太麻烦了,我只是想用完就走,不留下一片云彩。
头脑一热,是时候展现开发能力的时候了,自己怼一个!!!白天要上班没时间,于是花了几个晚上加上周末,撸了个网页版热力图制作工具,目前他长这样。搞地图www.gisclouder.com
1.功能说明
1.1底图切换
为了迎合不同人的口味,或者不同场景下的应用需求,工具里提供了三种风格的地图,如果还觉得不够~~~嗯?w(゚Д゚)w
1.2.添加数据
我想对于很多非专业人士来说,兴趣点的坐标获取是个头疼的事。所以在“添加数据”操作面板里,我加了一个区域选择的功能,你只要选择你的研究区域,输入对应位置的值,坐标问题就交给程序吧。
当你选择全国时,列表里会展示全国所有省份;如果你选择单个省份,列表里会显示该省下所有城市,当然你还可以选择多个省份,这样列表里就会显示你选择的所有省份的下属城市。
最后在城市后面的文本框里输入对应的值,完成所有值的输入后,点下「生成热力图」按钮就可以制作热力图了。
1.3.导入数据
在线添加数据的办法,适合少量数据录入,如果数据量较大,你可以在“导入数据”操作面板里,上传 excel 表格。当然表格的格式程序要和你约定好,所以你需要点击“下载模板”按钮,查看一下 excel 的字段要求。
其中「x, y, weight」三个字段是必须的,且名称不能修改,分别是兴趣点的「经度、纬度、属性值」,description 字段对于程序来说没有实际用处,主要是帮你记录一些标记信息。
特别的,你可以在“添加数据”操作里选择一个或多个兴趣区域,这样当你下载模板时,程序会将你选择区域的经纬度坐标,以及区域名称添加到模板中,方便你在本地编辑 weight 字段。
模板文件编辑完成后,点击“上传文件”就可以将数据导入,点击“生成热力图”按钮即可完成制作。
1.4.热力图样式调整
数据编辑完成,点击“生成热力图”按钮后,你就能看到叠加在地图上的热力图了,这时你可以拖动「半径」和「模糊」两个滑条,感受一下热力图的变化吧。
至于「半径」和「模糊」这两个参数的含义,不太能说的清楚,你们看看下面的动图,体会一下吧。
1.5.试试样例数据
手里没有数据也想体验一下,热力图效果?没问题,我贴心准备了样例数据,有两种类型,即城市最新的温度、湿度。效果如下:
体验步骤就是,先选择兴趣区域,然后在“试试样例数据”下拉菜单中选择一种数据类型,数据获取完成后,点击生成按钮即可。2019-07-25-全国湿度2019-07-25-全国温度
2.其它一些说明
2.1.关于技术栈
前端「vue + openlayers」,没有后端服务,准确来说没有后台服务接口,所有操作都是通过前端实现的,包括文件下载和上传功能,所以不必担心数据安全问题,网页是通过 Nginx 发布的,行政区划数据和样例数据是通过第三方开放接口获取的。
2.2.移动端适配
此时你多半是用手机看这篇文章。这个工具我也在移动端上努力适配了一下,勉强能看,我自己是不太满意的,目前长这样:
我毕竟是个半路出家的「野鸡前端」,能力有限,从体验上来说远没有 PC 浏览器上好,所以强烈建议你在 PC 浏览器上使用该工具(还有能不用 IE浏览器么!)。
2.3.关于性能
考虑到热力图数据的特殊性,数据量一般来说都不会小,于是我整了一个有 14681条记录的数据表,传到工具中,实话实话确实有点卡顿,一是数据在列表显示时,另外就是在点击“生成热力图”按钮后,热力图生成过程有点慢。好在不长的等待后,也出了结果,效果如下:
我用的是自己的笔记本,使用 Chrome 浏览器,物理内存 8g,使用工具时之前内存占用已经有 88% 了。以上数据供参考,性能还在不断优化中。
2.4.最后申明
该工具仅供于技术交流和学习使用,请不要滥用资源,一旦发现恶意访问,对应 IP 地址会上黑名单哦。
如果发现工具 bug 或者有好的建议,欢迎与作者联系,一起燥起来。
文章首发于「码上GIS」,文末扫码关注,推荐阅读智慧城市之靖安司下的智慧长安mp.weixin.qq.com迁徙图?流向图?城市关系强度图?mp.weixin.qq.com你们要的高校数据和蜂巢网格图制作方法mp.weixin.qq.com
最后,最爱的好欢螺螺蛳粉分享出来。本人吃过最好吃的螺蛳粉,没有之一。
java热力图_我做了一个傻瓜式热力图生成工具相关推荐
- 傻瓜式软件开发工具推荐!无需写代码,拼图式极速制作手机APP
因为从事互联网领域的工作,所以总会收到很多朋友的询问,表示想建立一个App,或创业,或是增长线上渠道,或者仅作为个人的一个小工具,小平台,但是又苦于不懂软件开发技术,咨询专业的外包公司,价格都太高,不 ...
- java全景图片生成_[Java教程]使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果...
[Java教程]使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果 0 2015-07-23 18:00:14 360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们 ...
- 一个傻瓜式构建可视化 web的 Python 神器
大家好,我是明哥. 之前给大家安利过一款构建可视化 web app 的 Python 工具库 pywebio,不知道有没有人去试用下? 今天要介绍这个神器,可以说是 pywebio 的 Plus ...
- 一个傻瓜式构建可视化 web的 Python 神器 ——streamlit
之前给大家安利过一款构建可视化 web app 的 Python 工具库 pywebio,不知道有没有人去试用下? 今天要介绍这个神器,可以说是 pywebio 的 Plus + Pro + Max版 ...
- 在线mp3剪辑php源码,傻瓜式音乐剪辑工具,这个在线网站实在太香!
傻瓜式音乐剪辑工具,这个在线网站实在太香! 文 / 一周进步 · Cherry 在安哥资源安利下,还真研究出了一套曲线救国的方法 ~ 今天我们会用到的工具,是免费的在线视频编辑网站-- Apowers ...
- IxEdit傻瓜式JavaScript开发工具 附下载 汉化版 视频教程
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! IxEd ...
- IxEdit傻瓜式JavaScript开发工具(附下载、汉化版、视频教程)
IxEdit傻瓜式JavaScript开发工具(附下载.汉化版.视频教程) 从昨天看到IxEdit以后,我就被它深深的迷住了.试用.研究.汉化,整整忙活了一天.现在就将现阶段使用的感受给大家汇报一下, ...
- 渗透工具NessusToReport:一个nessus自动报告生成工具,可以用来自动生成nessus扫描器的中文报告--NessusToReport
Git地址: Hypdncy/NessusToReport: nessus扫描报告自动化生成工具 (github.com) NessusToReport 这是一个nessus自动报告生成工具,可以用来 ...
- wxpython问卷调查界面_自己做的一个简单的问卷调查系统
疫情期间,先来没事做,就简单的用ssm 写了一个问卷调查系统.用于我们学校得青协调查用. 这就是我做得一个首页的页面,首页做的比较简单嘻嘻. 因为刚接触ssm 框架,我首先的思路是先把整体的ssm框架 ...
最新文章
- PhoenixGo战胜绝艺,腾讯包揽AI围棋大赛前两名
- 盘点丨机器学习2017年重大进展汇总
- 白话Elasticsearch31-深入聚合数据分析之bucket与metric
- Nginx负载均衡实现之四层与七层负载
- C需语言程序中的基本控制结构有哪些,C语言程序的基本控制结构1.ppt
- python适合开发游戏吗_用python能制作游戏吗
- MapServer应用开发平台示例
- (转) POJO和javabean的异同
- Go语言基础(四)—String与其他基本数据类型的转换
- 接口(Interface)的作用
- deepsort报错 No module named ‘sklearn.utils.linear_assignment_‘ 问题解决
- C18-PEG-ICG18碳烷基链-聚乙二醇-吲哚菁绿,Cholesterol-PEG-ICG胆固醇-聚乙二醇-吲哚菁绿
- 巴西游戏出海攻略,优质游戏出海市场
- 不同域名间的session共享
- 微信小游戏《头脑王者》答题辅助脚本
- MySQL 更改root密码
- 股票中阳线锤子什么意思?
- 我所见的沈阳世界园艺博览会
- XSS攻击绕过过滤方法大全(转)
- Qt setStyleSheet的神奇