PUBG雷达完整搭建教程：一块副屏装下全场战局-开发者社区

PUBG雷达完整搭建教程：一块副屏装下全场战局

【免费下载链接】PUBG-maphack-mapthis is a working copy online-map from jussihi/PUBG-map-hack, use nodejs webserver instead of firebase.项目地址: https://gitcode.com/gh_mirrors/pu/PUBG-maphack-map

如果你早已厌倦"开局靠听、决赛圈靠赌"的盲人式打法，那么PUBG雷达就是那盏把战场重新点亮的探照灯。它不碰任何游戏文件，只把内存读取器送来的坐标画成实时地图——相当于给你的电脑配了一位不眨眼的空中侦察员。这篇PUBG雷达搭建教程，从成品效果讲到底层数据，照做就能让雷达在十分钟内转起来。

先看成品：一屏到底装下了多少战场信息

打开浏览器访问http://localhost:7890，你会看到上图这样的画面：一整张海岛地图铺满屏幕，上面漂浮着一个个彩色圆点。别小看这些点，每一个背后都是一位真实玩家。

绿色圆点是你自己，画面默认跟着你走；
蓝色圆点是队友，红色圆点是敌人；
黑色圆点代表已经倒地的玩家；
圆点外圈的灰色扇形是"血条"——扇形越大，血量损失越多，活脱脱一个不需要凑近看的迷你血槽。

地图上还有两类文字标记：红色文字是散落的武器名，橙色文字是载具名。谁在哪个房区、还剩几成血、附近有没有车能抢，一眼扫完。这就是整套雷达的全部价值，接下来的每一步，都是在为这幅画面铺路。✨

一个"老实人"系统：雷达工作原理的通俗拆解

先泼一盆冷水：这个雷达没有任何黑科技，它甚至不能独立运行。整个系统由三个角色配合，缺一不可：

侦察兵（内存读取器）：负责从游戏内存中读出玩家、物品、载具的坐标与血量，典型代表是 jussihi/PUBG-map-hack；
传令兵（Node.js 服务）：接收侦察兵发来的 JSON 数据，再原封不动推送给浏览器，这段收发逻辑写在index.js里；
沙盘（浏览器页面）：用static/radar.js的绘图引擎把数据画上 canvas，static/index.js负责配色、追踪与缩放，static/index.css负责外观。

数据链路用一句话就能概括：读取器 → POST 到 7890 端口 → Socket.io 实时推送 → 浏览器画图。中间没有任何"魔法"，所以哪天出了问题，顺着这条线查，总能找到病根。

雷达安装步骤：四行命令跑通本地服务

这一节最枯燥，但也最关键，照着敲就行：

git clone https://gitcode.com/gh_mirrors/pu/PUBG-maphack-map cd PUBG-maphack-map npm install node index.js

看到终端输出server running at localhost:7890，说明服务已经就位。此时打开http://localhost:7890，画面大概率是一张安安静静的地图——别慌，这是正常现象，因为"侦察兵"还没上场。整个安装环节唯一的硬件要求，就是电脑里装好了 Node.js 运行环境。✅

数据对接配置指南：给雷达喂数据的两种姿势

地图不会自己长出人，它得靠"喂"数据才能活。对接方式有两种，任选其一。

方式一：直接用现成的 PUBG-map-hack。编辑它的CURLWrapper.hpp文件，改两处即可：

CURLOPT_URL改为http://127.0.0.1:7890/
CURLOPT_CUSTOMREQUEST改为POST

保存后重新编译，读取器读到的每一帧数据就会自动流向雷达。

方式二：自己写一个读取器。那就向http://127.0.0.1:7890/发一个 POST 请求，Content-Type设为application/json，body 结构如下：

{ "locations": { "players": [{ "t": 0, "x": 1.00, "y": 1.00, "hp": 1.00, "r": 1.00 }], "items": [{ "x": 1.00, "y": 1.00, "n": "scar" }], "vehicles": [{ "x": 1.00, "y": 1.00, "v": "buggy" }] } }

字段都很直白：x、y是坐标，hp是血量，r是朝向，t是队伍编号，n是物品名，v是载具名。只要能凑齐这套 JSON，雷达立刻"活"过来。