系列文章目錄

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

開源方案搭建可離線的精美矢量切片地圖服務(wù)-2.PostGIS+GeoServer矢量切片?

開源方案搭建可離線的精美矢量切片地圖服務(wù)-3.Mapbox個(gè)性化地圖定制入門

開源方案搭建可離線的精美矢量切片地圖服務(wù)-4.Mapbox樣式設(shè)計(jì)

開源方案搭建可離線的精美矢量切片地圖服務(wù)-5.Mapbox離線項(xiàng)目實(shí)現(xiàn)

開源方案搭建可離線的精美矢量切片地圖服務(wù)-6.Mapbox之.pbf字體庫

開源方案搭建可離線的精美矢量切片地圖服務(wù)-7.Arcgis Pro企業(yè)級應(yīng)用

開源方案搭建可離線的精美矢量切片地圖服務(wù)-8.mapbox 之sprite大圖圖標(biāo)文件生成（附源碼）

先不說廢話直接上地址：（所有東西都在阿里云的共享云虛擬主機(jī)上，訪問地圖可以會(huì)有點(diǎn)慢，請多多包涵）。

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

?

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

?

1.技術(shù)路線

?

本系列教程主要使用的開源技術(shù)有下面三點(diǎn)

1.基于postgresql數(shù)據(jù)庫的postgis空間數(shù)據(jù)插件，主要存儲空間地理信息，也可加快矢量切片的速度。

2.GeoServer進(jìn)行圖層數(shù)據(jù)的管理，以及矢量切切片的生成。

3.Mapbox進(jìn)行圖層樣式的設(shè)計(jì)，以及地圖展示與操作功能。

2.從矢量切片談起

????? 移動(dòng)互聯(lián)網(wǎng)的到來，大家每天都離不開地圖服務(wù)，從2005年谷歌推出谷歌地圖服務(wù)后，地圖服務(wù)經(jīng)歷了一代又一代的發(fā)展，從簡單的基于圖片的切片到現(xiàn)在進(jìn)入了個(gè)性化定制的地圖的時(shí)代，地圖走入我們生活的方方面面。新一代的地圖都是以矢量切片的方式展示，通俗來說就是每次請求只返回?cái)?shù)據(jù)，而地圖的渲染都來自與前端瀏覽器。這樣做不僅大大減少小地圖服務(wù)器的壓力，而且為地圖定制化提供了可能。我們常見的百度地圖、高德地圖現(xiàn)在都是矢量切片方式。下面我們用百度地圖的例子展示矢量切片的優(yōu)點(diǎn)。

普通切片

返回是一張圖片，圖片的數(shù)據(jù)量挺大的，其次一旦生成的圖片，那么所有的屬性數(shù)據(jù)將不存在，圖片修改起來麻煩，而且個(gè)性化定制也很難實(shí)現(xiàn)。

矢量切片

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

?

??????? 下面是百度地圖個(gè)性化定制頁面，大家可以點(diǎn)擊測試一下，可以使用類似css格式定制地圖。http://developer.baidu.com/map/custom/，我們使用的mapbox也是使用類似的方式，進(jìn)行地圖個(gè)性化定制。

?

3小結(jié)

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

待續(xù)。。。。。。。。。。。。。。。。。。。。。

?

作者：ATtuing

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

本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接。

轉(zhuǎn)載于:https://www.cnblogs.com/ATtuing/p/9085312.html

總結(jié)

以上是生活随笔為你收集整理的开源方案搭建可离线的精美矢量切片地图服务-1.开篇（附成果演示地址）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。