英雄联盟世界的地图抓取与分析

0.背景

S11比赛正在如火如荼的举行。作为一个S3赛季的老玩家和地理人，我想从另外个角度带你了解LOL的世界。

1.数据获取

1.1数据初探

英雄联盟推出了其世界地图网页版，访问地址为:https://map.leagueoflegends.com/.

鼠标移动到图标上时，会有该地区的行政图:

放大时，该地区会变得清晰，并且有地形的起伏:

因此这个地图应该有一个高分辨率的地图、高分辨率的地图，类似于栅格金字塔。同时有一个DEM数据对地形进行拉伸渲染。

1.2地图抓取

亘古不变的F12键，查看从页面打开时的网页请求，找到png图片:

1.3英雄联盟地图结构解析

通过后期数据的抓取与思考，我粗略的画了一下LOL展示地图的结构:

英雄联盟的地图浏览起来非常丝滑，但是这个地图的原理很复杂。不仅对DEM进行了在线渲染，而且会根据各种掩膜进行判定，比如说被海洋掩膜覆盖的区域，会生成一个“水波荡漾”的效果。

2.本地地图制作

主要分为三个方面:各个城邦矢量图的制作、高分辨率影像图的合成以及DEM数据的重构。

2.1城邦矢量化

从官方网页结构中，我们可以获得矢量图，每一个城邦拥有一个范围栅格图(.png格式，2048*2048像素),比如说诺克萨斯城邦:

我们将其放到arcgis，根据其边界逐一描绘:

2.2 DEM数据的重构

从官网界面，我们可以看到三维的地形数据，实际上是利用了一个DEM图进行了Blender在线渲染，我们从网页中获得的DEM数据是一个Unit8像素深度的栅格图，DEM值的范围是0-255。

DEM的Value值范围为0-146，我们不知道真实的海拔高度。有没有什么办法大致知道DEM的每一个值代表的真实高度？

考虑到德玛西亚城的河谷平原像素值在20左右，以及LOL最高峰应该超过4000米。我们假设每一个像素值代表高度为28米。因此，LOL世界最高山峰的海拔为4116米。

使用栅格计算器，重新计算LOL世界的D