1. 程式人生 > >開源方案搭建可離線的精美矢量切片地圖服務-1.開篇(附成果演示地址)

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

post tom 進入 test image postgres 博客園 就是 虛擬

先不說廢話直接上地址:(所有東西都在阿裏雲的共享雲虛擬主機上,訪問地圖可以會有點慢,請多多包涵)。

01:中國地圖:http://test.sharegis.cn/mapbox/html/3china.html

技術分享圖片

02:德國-德累斯頓市:http://test.sharegis.cn/mapbox/html/6germany.html

技術分享圖片

技術分享圖片

1.技術路線

本系列教程主要使用的開源技術有下面三點

1.基於postgresql數據庫的postgis空間數據插件,主要存儲空間地理信息,也可加快矢量切片的速度。

2.GeoServer進行圖層數據的管理,以及矢量切切片的生成。

3.Mapbox進行圖層樣式的設計,以及地圖展示與操作功能。

2.從矢量切片談起

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

普通切片

返回是一張圖片,圖片的數據量挺大的,其次一旦生成的圖片,那麽所有的屬性數據將不存在,圖片修改起來麻煩,而且個性化定制也很難實現。

技術分享圖片

矢量切片

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

技術分享圖片

下面是百度地圖個性化定制頁面,大家可以點擊測試一下,可以使用類似css格式定制地圖。http://developer.baidu.com/map/custom/,我們使用的mapbox也是使用類似的方式,進行地圖個性化定制。

技術分享圖片

3小結

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

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

作者:ATtuing

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

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

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