🎨✨
引言:当古老围棋遇上现代地图
围棋,传承四千年的东方智慧;地图,承载山河的科技语言。如果将吉林省化作一张棋盘,让棋子在山川河流间落子——会是怎样一场奇妙的博弈?今天,带你解锁地图的「围棋玩法」!
🌏 第一幕:棋盘上的吉林省
设计亮点:
-
木质棋盘质感
- 深木色边框+细腻木纹背景,复刻传统围棋棋盘🎯
- 网格线精确到10km×10km,324个交叉点覆盖吉林全域
(效果图:棋盘上的吉林省)
-
棋子即行政区
- 黑棋代表经济强区(如长春、吉林市)
- 白棋标记生态重点区(如长白山保护区)
- 棋子光影立体,如玉石镶嵌于地图🗻
-
动态博弈面板
- 点击「添加随机棋」:模拟城市发展扩张
- 「落子率」实时计算:西北部黑棋占优,暗示工业聚集
<!-- 关键代码:棋子生成逻辑 --> addStoneToGrid(point[0], point[1], i<18 ? 'black' : 'white');
♟️ 第二幕:在吉林地图上实战围棋
创新玩法:
- 地图为盘,山河为界
- 19×19标准棋盘叠加吉林省轮廓
- 落子时,棋子投影在长白山与松花江背景上🌄
(效果图:白棋围剿黑棋)
- 完整围棋规则
- 自动判定提子与打劫禁手
- 黑方提子数实时统计:
黑方: ${blackCaptures}
- 沉浸式体验
- 棋子高光特效:黑棋如墨玉,白棋如凝脂
- 当前玩家标记脉冲光圈,动态提醒回合
体验链接:http://8.155.55.172/tools/goGame.html
💡 跨界灵感:为什么是围棋+地图?
-
战略相似性
- 围棋「金角银边」≈ 城市「区位发展」
- 吉林的长春(角) VS 延边(边) 恰似棋局攻防
-
数据可视化新思路
- 用棋子数量表达区域重要性(如长春=5颗黑棋)
- 网格落子率=10.5%,暗合吉林城镇化率📈
-
文化符号碰撞
“围棋是空间的数学,地图是空间的诗”
——当经纬线变成棋盘格,地理也有了输赢的张力!
🛠️ 技术彩蛋
-
地图引擎:OpenLayers + GeoJSON边界数据
-
棋子算法
// 核心逻辑:判断“气”与提子 if (group.liberties === 0) captureGroup(stones);
-
3D效果:Canvas径向渐变模拟玉石反光💎
核心原理: 分级圆形符号 + 固定大小 (非连续比例) + 纯色填充
⚙️ 通用关键步骤
- 选择渲染器:
- ArcMap: 图层属性 > 符号系统 >
分级色彩
(对,虽然叫色彩,但核心是分级)。 - QGIS: 图层样式面板 > 渲染器 =
渐进式
> 模式 =大小
。
- ArcMap: 图层属性 > 符号系统 >
- 设置核心字段和分级:
- 字段 (值): 选择控制大小的数值字段 (如人口)。
- 方法/模式: 选分级法 (自然间断点等)。
- 设置类数 (5-7常用)。
- 禁用连续比例:✅ 最关键一步!
- ArcMap: 确保
按比例缩放符号
不勾选。 - QGIS: 确保
按比例缩放符号
不勾选。
- ArcMap: 确保
- 定义圆形符号样式:
- 找到
符号
/模板
设置 (通常双击或点按钮)。 - 形状: 选择
圆形
。 - 填充: 纯色 (如深灰),设为
默认
(之后可分类改)。 - 描边:
无
或极细黑线 (0.1-0.2pt/mm)。
- 找到
- 手动设定分级大小:
- 在渲染器界面找到每个
类
对应的大小
值。 - 手动输入固定数值 (如小类4pt,中类8pt,大类16pt),制造明显
阶梯差
。
- 在渲染器界面找到每个
- (可选) 叠加颜色:
- ArcMap: 高级 > 符号级别 > 按另一个字段分类设置填充色。
- QGIS: 在
渐进式
渲染器面板中,使用辅助设置
>颜色依据
选择另一个字段设置色彩。
一句话总结核心: 用分级符号渲染器,选圆形符号,关掉按比例缩放,手动为每个大小等级设定明确的固定尺寸。 🎲
结语:你的下一盘棋,可以是山河
无论是用棋子点亮吉林地图,还是以山河为盘对战一局,这场跨界实验都在证明:
地图不止于导航,更是可探索、可博弈的智慧场!
👉 互动话题:如果用你的家乡下棋,你会把第一颗子落在哪?欢迎留言坐标!👇
(注:完整代码已开源,微信公众号 | 书图工厂,后台回复 「吉林围棋」 获取)
源码链接:https://gitee.com/book-and-picture-factory/attack-on-web-gis/blob/master/mapstyle/goStyleMap.html
围棋游戏源码:https://gitee.com/book-and-picture-factory/attack-on-web-gis/blob/master/interest/goGame.html(失效请留言)
欢迎关注微信公众号:书图工厂
🚩 往期推荐:
#百种制图第5期 蜂窝图(安徽省)
#百种制图第4期 柱状山地图(山东省)