文章版權由作者李曉暉和博客園共有，若轉載請於明顯處標明出處：http://www.cnblogs.com/naaoveGIS/。
1.背景
在GIS領域，金字塔技術一直是一個基礎性技術,WMTS規范專門制定了針對切片請求的格式。利用這種技術，前端可以快速展示出指定級別的地圖或影像。
但是，由於切圖本身是一張圖片，圖片上看似是興趣點的要素根本無法進行前端交互。於是，針對興趣點等矢量數據的展示，基本原理都是先獲取到矢量的地理信息（比如GeoJson），在前端繪制（內核為一個element），於是該element便能進行鼠標響應等交互了。
2.矢量數據的一般展示方法
2.1 矢量數據按需請求
根據需要，每次向服務器（比如根據地理范圍、屬性信息）進行請求，將請求返回的數據繪制在前端。
優點是，按需請求，數據返回量有限，單個請求效率較高。
缺點是，頻繁和服務器交互，在給服務器造成巨大壓力的同時，多個請求，甚至某些重復請求，都會增大前端交互耗時，降低用戶體驗。
2.2 矢量數據一次請求，按需展示
隨着前端技術越來越成熟，電腦內存越來越大，RIA技術對矢量數據的展示做了更多的優化，其中一種常用方式就是矢量數據一次請求，按需展示方式。
比如以下使用LeafLet開發的例子：http://demo.qunee.com/map/LeafLet+MapABC.html
查看后端請求：
可以看見，在頁面初始化時就將所有矢量信息讀取到前端，然后根據需求進行分級別聚類展示。
優點是：減少與服務端的交互，降低服務端的壓力，提高用戶體驗。
缺點是：第一次請求返回的數據量過大，網絡耗時較多，服務器在迎接第一次請求時也有相當壓力，並且對客戶端電腦配置有一定的依賴。
3.換一種解決思路——矢量切圖
3.1 何為矢量切圖
何為矢量切圖呢？說直白點，就是將矢量數據以建立金字塔的方式，切割成一個一個描述性文件，比如以GeoJson格式組織或者以自定義格式組織。
這是一份矢量數據切圖完后的截圖：
文件中具體內容為geojson格式組織：
3.2切圖工具
3.2.1商業切圖工具
在最近召開的esri大會上公布的esri的一個新的亮點便是他們的arcgispro產品在支持遙感數據處理、三維高效展示外，着重強調了對矢量切圖的支持。但是，目前該產品為beta版。
早前接觸過蘇州超擎公司，對方的產品也能支持矢量切圖，並且在此基礎上，對方還支持影像數據不切圖壓縮為流方式前端實時展示。
3.2.2 開源切圖軟件
目前支持矢量切圖的開源軟件，在網上大家比較推崇的是TileStache工具，安裝這個工具比較耗費精力，以下均是該工具需要依賴的其他軟件環境：
簡單點說，需要配置好GDAL環境，python環境，均配置好后才可使用。並且目前只測試了在win7上運行，在win8上便不可以。
3.3 前端支持矢量瓦片展示
目前支持矢量瓦片展示的前端有leaflet，openlayers,arcgis js4.0。
3.3.1 arcgis js4.0中的解決方案
展示例子地址為：http://basemapsbeta.arcgis.com/preview/app/index.html
其支持的矢量瓦片格式為滿足Mapbox圖片存儲的格式（https://www.mapbox.com/）。
3.3.2leaflet中的解決方案
展示例子地址為：http://basemapsbeta.arcgis.com/preview/app/index.html
這里支持的是GeoJson格式的矢量瓦片。
4. 目前研究中發現的缺點
a.矢量切圖工具只能切WGS84坐標系下的矢量圖層。
b.leaflet只能加載顯示可以轉換為WGS84坐標系的矢量瓦片數據。
5. 優化
5.1前端支持任何坐標系下的矢量瓦片
繼承已有GIS框架中的canvastilelayer，利用開源的pbf解析庫，重寫gettile並解析重繪。擺脫leaflet對矢量瓦片坐標系的限制。利用該方式，矢量瓦片為任何坐標系均能支持。
5.2前端緩存優化
將讀取過的矢量瓦片以一定的緩存機制緩存至內存中，使用緩存調度算法進行調度。
6.使用場景
a.根據范圍查詢展示矢量數據時，可以完全使用矢量切圖。
b.根據范圍和屬性展示矢量數據時，可以先根據范圍返回數據，在前端根據屬性數據進行過濾，最后展示。
7.有待解決的地方
開源矢量切圖工具目前只能切WGS84的矢量數據，將任何格式數據轉換成WGS84的數據是不現實的。針對這種問題，自己開發矢量切圖工具不失為一種選擇。開發可以支持點數據的矢量切圖工具難度不大，但是開發能夠支持線和面數據的矢量切圖工具則存在不小的難度。后續還需繼續研究。
-----歡迎轉載，但保留版權，請於明顯處標明出處：http://www.cnblogs.com/naaoveGIS/
如果您覺得本文確實幫助了您，可以微信掃一掃，進行小額的打賞和鼓勵，謝謝 ^_^
