开源方案搭建可离线的精美矢量切片地图服务-1.开篇（附成果演示地址）

移动互联网的到来，你们天天都离不开地图服务，从2005年谷歌推出谷歌地图服务后，地图服务经历了一代又一代的发展，从简单的基于图片的切片到如今进入了个性化定制的地图的时代，地图走入咱们生活的方方面面。新一代的地图都是以矢量切片的方式展现，通俗来讲就是每次请求只返回数据，而地图的渲染都来自与前端浏览器。这样作不只大大减小小地图服务器的压力，并且为地图定制化提供了可能。咱们常见的百度地图、高德地图如今都是矢量切片方式。下面咱们用百度地图的例子展现矢量切片的优势。

普通切片

返回是一张图片，图片的数据量挺大的，其次一旦生成的图片，那么全部的属性数据将不存在，图片修改起来麻烦，并且个性化定制也很难实现。

矢量切片

返回的是含有属性信息的地理数据，这样不只数据量比较小，并且保留了属性数据，为个性化定制地图的实现提供可能。能够在前端基于WebGL的方式已本身喜欢的样式进行地图的渲染，而非直接由服务器生成图片返回。相对与图片方式还有一个很大的好处就是不存在放大级别太高受到图片分辨率的影响，能够在任何分辨率下显示都很清晰。

下面是百度地图个性化定制页面，你们能够点击测试一下，可使用相似css格式定制地图。http://developer.baidu.com/map/custom/，咱们使用的mapbox也是使用相似的方式，进行地图个性化定制。

3小结

最近公司项目中要将原有的图片类型切片方案切换成矢量切片，最近一直研究这方面的技术。发现网上对于咱们这些新手提供整套解决方案的文章比较少，因此我把我目前所掌握的技术写出了分享给你们，某些方面存在一些疑惑，提出来和你们一块儿交流一下，这篇是算是开篇介绍吧，后面我会把全部用到的技术以及整套测试数据和源码分享给你们！！下篇主要讲一下PostGIS数据存储，以及GeoServer图层管理以及矢量切片的生成。

待续。。。。。。。。。。。。。。。。。。。。。

做者：ATtuing

出处：http://www.cnblogs.com/ATtuing

本文版权归做者和博客园共有，欢迎转载，但未经做者赞成必须保留此段声明，且在文章页面明显位置给出原文连接。