Tiles are rectangular slabs of ceramic
affixed in a grid arrangement to your bathroom wall! But here we're much more
likely to be talking about map tiles: square bitmap graphics displayed in a
grid arrangement to show a map. We may also be talking about tiled map data
(described below)
网上有的翻译为瓦片，个人理解为地图切片。简单的说，就是把一张大大的地图，分割成许多小正方形（如下）。这样在加载地图的时候，只需要把区域内相关的小正方形加载出来就可以了。

http://tile.openstreetmap.org/7/63/42.png

如上图，Map tiles 通常是256 x 256 像素的，虽然这不是一定的，但由于Google
Map的影响，这其实已成为实际的标准。

现在我们假设用户输入一个经纬度地址(longitude, Latitude) ，我们

要获取一个Tile: http://tile.openstreetmap.org/7/63/42.png

相应的LUA语句：

local img =
"http://tile.openstreetmap.org/7/66/42.png";

NPL.SyncFile(img, "42.png", "DownloadCallback()",
"open1");

据说可以用System.os.GetUrl（）函数异步获取PNG栅格图像。

然后我们可以通过调用paracraft的blockimage命令把地图显示出来：

NPL.load("(gl)script/apps/Aries/Creator/Game/Commands/CommandManager.lua");

local CommandManager = commonlib.gettable("MyCompany.Aries.Game.CommandManager");

CommandManager:RunCommand("/home");

CommandManager:RunCommand("/blockimage -xz open.png");

效果可能如下：这里是垂直的，其实我们用参数 –xz 地图就变到了脚底水平。

注意：前面URL下载下来的图是8bit的PNG, ParaEngine目前只支持真彩色PNG,所以需要改一下，

或者用小画家Pbrush.exe工具重新存盘临时过渡一下。

4. 瓦片地图的坐标计算

瓦片地图包含经纬度坐标信息，所以我们需要将地图的位置换算一下

阅读前面的博客：国内主要地图瓦片坐标系定义及计算原理

或者这里更详细：http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames

假设我们要贴一个256*256的单个PNG地图切片到Paracraft上，因为我们有了用户输入的经纬度，

可以通过下面的公式求得瓦片坐标tileX,
tileY, 这里URL的ZoomLevel我们可以取那个最大值19，然后拼出整个URL：

(格式：[Url]http://tile.openstreetmap.org/{ZOOMLEVEL}/{ROW}/{COL}.png[/Url])

然后我们利用下面的公式求得这个PNG的左下角和右上角的经纬度坐标，

256*256的PNG对应Paracraft估计是256×256个格子

并且可以得知用户的当前站立坐标对应到Paracraft格子坐标。

5. 关于3D 校园建筑的展现。

经过研究发现，OpenStreetMap.org也提供了地图的矢量格式文件，叫做OSM文件。它是一种XML文件。

关于OSM文件格式介绍我们可以读以下的博客：

http://www.cnblogs.com/LBSer/p/4451471.html

http://wiki.openstreetmap.org/wiki/Elements

并且在OSM文件内部，它部分提供了一些著名建筑的三维结构图。

http://wiki.openstreetmap.org/wiki/3D

之所以做部分，因为地图的构建是很耗时间的，据说OpenStreetMap生成了德国全境的三维地图，

但是中国境内的地图就比较少了，将来有机会我们可以参与构建地图，：）

关于OpenStreetMap中3D的例子我们可以访问这里：

http://wiki.openstreetmap.org/wiki/3D_development

利用其他软件，我从OpenStreetMap网站下载了浙江大学的校园地图，并利用一个插件把它的三维效果图也显示了出来，从图中我们可以惊喜地看到，校园建筑的轮廓已经有了，不过建筑的不同高度信息缺乏。

关于OSM的手工获取方法可以访问www.openstreetmap.org网站，然后Export出一个osm文件到本地。

这里我们下载上海陆家嘴的例子来说明。

lujiazui.osm的文件内容示例如下：

<?xml version="1.0"
encoding="UTF-8"?>

</node>

。。。

。。。

</way>

我们注意到OSM其实就是一种XML文件格式，可以利用LUA语言来分析提取其中的建筑坐标信息。

查询文件中的Way节点，我们可以提取building的轮廓组成一个个polygon，它们带了经纬度坐标信息，我们可以通过公式换算后，对应到Paracraft坐标，把它“画”出来。

<![if !supportLists]>n <![endif]>CommandManager:RunCommand("/take
126");

<![if !supportLists]>n
<![endif]>CommandManager:RunCommand("/box
1 1 1");

幸运的话，著名的建筑都有building:levels高度信息，可以使用它表示建筑的高度，但是一般校园好像没有。

那么如何通过编程的方式下载OSM文件呢？OpenStreetMap网站提供了相应的API，这里提供了说明：

http://wiki.openstreetmap.org/wiki/API_v0.6

http://wiki.openstreetmap.org/wiki/Osmapi

GET
/api/0.6/map?bbox=left,bottom,right,top

例如http://api.openstreetmap.org/api/0.6/map?bbox=120,30.1,120.25,30.2

这里有个C#
包装API的例子可以参考：https://github.com/yrtimiD/osm-api-dotnet

http://wiki.openstreetmap.org/wiki/3D

另外OSM有个工具叫JOSM可以打开OSM文件。

http://josm.openstreetmap.de/wiki/Introduction

并且有个插件可以显示3D
建筑http://wiki.openstreetmap.org/wiki/JOSM/Plugins/Kendzi3D

我改写了一个C#程序https://github.com/BjornDeRijcke/OpenStreetMap-3D

可以分析osm文件并显示建筑，效果如下：

其实最终我们需要的如下结果：（此图拼凑而成）

注：有个OpenStreetMap结合Unity3D例子，它也用C#分析了OSM文件，可以参考。

https://github.com/ActionStreetMap/demo

6.后记

将来，如果觉得建筑不够细致，我们可能需要详细解析OSM文件。

关于OSM的详细解析我们需要阅读下面的标准，并得到类似osm2wolrd的效果

https://wiki.openstreetmap.org/wiki/Simple_3D_buildings

其他参考：

http://osm2world.org/screens/

关于地图的存储，我们可以直接从OpenStreetMap读取，也可事先下载到某个服务器，前面博客中有介绍。

关于显示栅格地图，前面只提到了一个瓦片地图PNG的显示，可能我们需要一次读取多个（比如4个）相邻的瓦片地图，并同时显示到一个场景中。

关于需求中提到一个格子表示一米，可能我们需要根据ZOOMLEVEL最大值时获取的瓦片地图（256×256大小）来计算，估计比一米要大，需要进一步研究，但是这个比例应该是可以显示校园了。

7.后记二

Minecraft是一款来自瑞典的沙盒建造独立游戏，玩家可以在一个由程序随机产生的三维世界内以带材质贴图的立方体为基础建造建筑物。游戏最初由瑞典人马库斯·阿列克谢·泊松（Markus
'Notch' Persson）单独开发，随后自2009年起成立Mojang公司开发此游戏。游戏中的其他活动包括探索世界，采集资源，合成物品及对战。TrueCraft是
Minecraft 1.7.3 的一个完全开源的实现，使用C# 语言开发，因此也可以用它来结合OpenStreetMap 生成3D城市。

更多内容，请访问时空地图网站：www.TimeGIS.com

码农公寓

名词解释：Tiles 地图切片

相关文章