開源方案搭建可離線的精美矢量切片地圖服務-1.開篇（附成果演示地址）

移動互聯網的到來，你們天天都離不開地圖服務，從2005年穀歌推出谷歌地圖服務後，地圖服務經歷了一代又一代的發展，從簡單的基於圖片的切片到如今進入了個性化定製的地圖的時代，地圖走入咱們生活的方方面面。新一代的地圖都是以矢量切片的方式展現，通俗來講就是每次請求只返回數據，而地圖的渲染都來自與前端瀏覽器。這樣作不只大大減小小地圖服務器的壓力，並且爲地圖定製化提供了可能。咱們常見的百度地圖、高德地圖如今都是矢量切片方式。下面咱們用百度地圖的例子展現矢量切片的優勢。

普通切片

返回是一張圖片，圖片的數據量挺大的，其次一旦生成的圖片，那麼全部的屬性數據將不存在，圖片修改起來麻煩，並且個性化定製也很難實現。

矢量切片

返回的是含有屬性信息的地理數據，這樣不只數據量比較小，並且保留了屬性數據，爲個性化定製地圖的實現提供可能。能夠在前端基於WebGL的方式已本身喜歡的樣式進行地圖的渲染，而非直接由服務器生成圖片返回。相對與圖片方式還有一個很大的好處就是不存在放大級別太高受到圖片分辨率的影響，能夠在任何分辨率下顯示都很清晰。

下面是百度地圖個性化定製頁面，你們能夠點擊測試一下，可使用相似css格式定製地圖。http://developer.baidu.com/map/custom/，咱們使用的mapbox也是使用相似的方式，進行地圖個性化定製。

3小結

最近公司項目中要將原有的圖片類型切片方案切換成矢量切片，最近一直研究這方面的技術。發現網上對於咱們這些新手提供整套解決方案的文章比較少，因此我把我目前所掌握的技術寫出了分享給你們，某些方面存在一些疑惑，提出來和你們一塊兒交流一下，這篇是算是開篇介紹吧，後面我會把全部用到的技術以及整套測試數據和源碼分享給你們！！下篇主要講一下PostGIS數據存儲，以及GeoServer圖層管理以及矢量切片的生成。

待續。。。。。。。。。。。。。。。。。。。。。

做者：ATtuing

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

本文版權歸做者和博客園共有，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文連接。