我把“地图大小对比”做成了一个游戏合集：拼图、国旗竞猜，还有烧脑的“Map Packer”
大家好，我是 true-size.com 的开发者。
之前的版本主要是为了复刻和体验 The True Size 的墨卡托投影对比功能。但在开发过程中，我发现基于 Leaflet 和地理数据其实可以延展出更多有趣的玩法。
最近我在网站上大更新，增加了 4 个独立的地理游戏模式，希望能用更直观（且好玩）的方式科普地理知识。
主站地址： https://true-size.com/
4 种新玩法 (点击直达)：
1. Map Packer (地图装箱挑战) 推荐
玩法：这是一个空间几何挑战。例如“多少个英国能填满一个中国？”或者“多少个日本能塞进巴西？”
技术：引入了 Turf.js 做实时的多边形碰撞检测和包含判定，支持旋转和自由摆放。
2. Flag Quiz (国旗闯关)
玩法：不仅仅是认国旗，结合了地理位置。共设计了 10 个难度级别，从五常大国到太平洋岛国，越往后越难。
机制：增加了连对撒花特效、防卡关的鼓励机制。
3. Mercator Puzzle (墨卡托拼图)
玩法：把严重变形的国家拖拽回它在赤道或原本的正确纬度，恢复其“真实身材”。
4. Size Showdown (面积对决)
玩法：简单粗暴的直觉测试。随机抽取两个国家，凭第一感觉判断谁的国土面积更大（由于投影误差，直觉往往是错的）。
技术栈与折腾心得
前端：React + Leaflet + Tailwind CSS
交互：Leaflet-Geoman (魔改了无头模式，用于解决多边形拖拽、边缘自动滚屏 Auto-Pan 的手感问题)
计算：Turf.js (纯前端计算 GeoJSON 几何关系)
之前的版本主要是为了复刻和体验 The True Size 的墨卡托投影对比功能。但在开发过程中，我发现基于 Leaflet 和地理数据其实可以延展出更多有趣的玩法。
最近我在网站上大更新，增加了 4 个独立的地理游戏模式，希望能用更直观（且好玩）的方式科普地理知识。
主站地址： https://true-size.com/
4 种新玩法 (点击直达)：
1. Map Packer (地图装箱挑战) 推荐
玩法：这是一个空间几何挑战。例如“多少个英国能填满一个中国？”或者“多少个日本能塞进巴西？”
技术：引入了 Turf.js 做实时的多边形碰撞检测和包含判定，支持旋转和自由摆放。
2. Flag Quiz (国旗闯关)
玩法：不仅仅是认国旗，结合了地理位置。共设计了 10 个难度级别，从五常大国到太平洋岛国，越往后越难。
机制：增加了连对撒花特效、防卡关的鼓励机制。
3. Mercator Puzzle (墨卡托拼图)
玩法：把严重变形的国家拖拽回它在赤道或原本的正确纬度，恢复其“真实身材”。
4. Size Showdown (面积对决)
玩法：简单粗暴的直觉测试。随机抽取两个国家，凭第一感觉判断谁的国土面积更大（由于投影误差，直觉往往是错的）。
技术栈与折腾心得
前端：React + Leaflet + Tailwind CSS
交互：Leaflet-Geoman (魔改了无头模式，用于解决多边形拖拽、边缘自动滚屏 Auto-Pan 的手感问题)
计算：Turf.js (纯前端计算 GeoJSON 几何关系)
 | 1 cbais7890 11 天前 Puzzle Pieces 蛮有意思! 不过有个小 bug, 图层首次从侧边栏拖动出来的时候不会随着纬度变化而缩放, 但是 drop 一次再 pick 起来就会缩放了. |
 | 2 infyni 11 天前  这广告位置体验也太不好了 |
 | 3 sss15 11 天前  2 这有问题啊，台湾省呢？  |
 | &nsp; 6 lns04226 10 天前 OP 那个帖子里面还在那扯什么什么标准，笑死，把这地图网站发到国内的社交平台去，看看网友认标准还是认实际地图 |
Select Language