KMCounter 用热力图显示鼠标键盘的使用情况

软件介绍

KMCounter 是一款开源且免费的可以帮你用热力图的方式展示出鼠标及键盘使用数据的工具 。软件体积仅有几百 KB ,使用方法也非常简单 ,运行后 ,无需任何操作 ,KMCounter 会常驻系统托盘并进行自动记录 。当你想要查看数据时只需单击图标即可快速弹出键盘面板 ,支持查看鼠标移动数据 、键盘敲击次数 、以及历史数据等信息 。还可以自由修改屏幕尺寸 、键盘布局 、热力图尺寸等参数 ,不想使用时直接关闭或删除 ,不写入系统 ,也不留下任何垃圾文件 。

KMCounter 用热力图显示鼠标键盘的使用情况-1

功能介绍

  • 支持查看鼠标信息。

  • 支持查看键盘信息。

  • 支持查看单键信息。

  • 支持查看历史信息。

  • 支持设置屏幕尺寸。

  • 支持设置键盘布局。

  • 支持设置开机启动。

  • 支持高分辨率屏幕。

  • 支持低分辨率屏幕。

  • 更准确的统计方法。

  • 更完善的数据管理。

  • 键盘布局总是对齐。

  • 默认使用莫兰迪色。

  • 不想用了直接删除。

  • 不写系统不留垃圾。

KMCounter 用热力图显示鼠标键盘的使用情况-2

使用方法

运行后,KMCounter 将常驻托盘菜单进行统计,需要时点击托盘图标显示结果

KMCounter 用热力图显示鼠标键盘的使用情况-3

在统计界面下,使用 PageUp、PageDown 或 鼠标滚轮 可以查看历史结果。

KMCounter 用热力图显示鼠标键盘的使用情况-4

软件下载

以后科技毒瘤君的下载链接直接可以获取,不需要在微信公众号回复相关关键字,希望大家多多支持哇。同时希望大家多多访问我的网站:

北忘山的博客(www.beiwangshan.com)很多资源都是在网站中首发的。也不需要验证码的哦。

北忘山网盘-推荐

https://pan.beiwangshan.com/Programs/PcProgram/KMCounter.zip

蓝奏云

https://beiwangshan.lanzous.com/iugC7n2nghg

版权属于:北忘山

本文链接:https://www.beiwangshan.com/archives/171.html

版权声明:转载时须注明出处及本声明

好的,以下是在Vue中使用`BmlHeatmap`插件开关百度地图的热力图显示的完整代码示例: ``` <template> <div> <div id="map"></div> <button @click="toggleHeatMap">Toggle Heat Map</button> </div> </template> <script> import BmlHeatmap from "bml-heatmap"; export default { data() { return { map: null, // 百度地图实例 heatMap: null, // 热力图实例 isHeatMapVisible: false // 热力图是否可见 }; }, mounted() { // 初始化百度地图 this.map = new BMap.Map("map"); const point = new BMap.Point(116.404, 39.915); this.map.centerAndZoom(point, 15); // 添加热力图 const heatmapData = [...]; // 省略数据 this.heatMap = new BmlHeatmap(this.map, { radius: 20 }); this.heatMap.setDataSet(heatmapData); // 默认隐藏热力图 this.heatMap.hide(); }, methods: { toggleHeatMap() { if (this.isHeatMapVisible) { this.heatMap.hide(); } else { this.heatMap.show(); } this.isHeatMapVisible = !this.isHeatMapVisible; } } }; </script> <style> #map { height: 500px; } </style> ``` 这里使用了`BmlHeatmap`插件来实现热力图显示。具体实现步骤如下: 1. 在`mounted`生命周期中初始化百度地图,并添加热力图。这里的`heatmapData`是热力图的数据,可以根据实际情况进行修改。 2. 在`toggleHeatMap`方法中切换热力图显示状态。如果热力图已经可见,则隐藏;否则显示。同时更新`isHeatMapVisible`的状态。 3. 在模板中添加一个按钮,点击按钮时调用`toggleHeatMap`方法切换热力图显示状态。 注意:在使用`BmlHeatmap`插件时,需要先安装插件并引入。可以使用`npm install bml-heatmap`命令安装插件。同时,需要在HTML中添加百度地图的JS文件引用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值