利用OSM数据生成矢量切片并显示---part3

利用TileStream发布地图服务

MapBox公司有一套完整的地图方案,包括Tilemill、tilestream、mapbox.js等一系列相关的工具,利用Tilemill渲染地图服务前面已经介绍过,在Tilemill渲染osm数据后可以导出mbtiles格式的切片文件,这里主要介绍如何利用TileStream读取Tilemill导出的mbtiles文件,并发布地图服务的过程,具体步骤如下:

①从Tilemill导出mbtiles格式的切片文件

这里以之前已经渲染好的上海的地图为例,导出层级为0-8的切片文件

利用OSM数据生成矢量切片并显示---part3_第1张图片


利用OSM数据生成矢量切片并显示---part3_第2张图片

点击保存,得到对应的mbtiles文件。

利用OSM数据生成矢量切片并显示---part3_第3张图片

②安装node.js

需要注意的是,这里node.js需要使用 0.10.x 版本的,这里提供一个下载链接:

http://www.oschina.net/news/59134/node-js-0-10-36-stable

node.js安装比较简单,一路next即可,安装完成后,npm也会自动安装,在这之后,还需要进行一些额外的步骤,可以参见下面的博客:

http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/

③安装TileStream

在进行TileStream的安装之前,确保电脑安装有python2.7或者python 2.5 - 3.0之间的版本,然后从github上下载相关代码:

https://github.com/mapbox/tilestream.git

cd到tilestream,运行npm install,如果前面的步骤没有错的话,应该会出现以下画面:

利用OSM数据生成矢量切片并显示---part3_第4张图片

即表示安装tilestream成功。

④利用tilestream发布地图服务

 在路径C:\Users\Administrator\Documents\MapBox(就是存放Tilemill project所用的路径)下,创建一个文件tiles:

利用OSM数据生成矢量切片并显示---part3_第5张图片

将上海的mbtiles文件放入tiles文件夹中,这里我放入了两个文件:

利用OSM数据生成矢量切片并显示---part3_第6张图片

打开浏览器,输入http://localhost:8888,即可得到对应的地图,打开即可:

利用OSM数据生成矢量切片并显示---part3_第7张图片
利用OSM数据生成矢量切片并显示---part3_第8张图片

你可能感兴趣的:(利用OSM数据生成矢量切片并显示---part3)