1、背景
在離線環境下（區域網路中）的GIS系統中如何使用地圖？這裡的地圖主要指的是地圖底圖，有了底圖切片資料，我們就可以看到地圖，在上面加上自己的業務資料圖層，進行相關操作。
下面介紹下Web系統如何使用GIS切片資料，開發web GIS系統。
2、使用GeoWebCache釋出WMS服務
Geowebcache是基于Java的Web開源項目，主要用于緩存各種WMS資料源的地圖瓦片，它實作了多種服務接口，包括WMS-C，WMTS，TMS，KML。
Geowebcache作為一個獨立的開源項目，在最近被Geosever的幾個版本所內建，主要是對釋出的WMS圖層建立緩存切片。
服務釋出步驟：
2）修改geowebcache的配置檔案geowebcache-core-context.xml。該檔案在Tomcat的webapps\geowebcache\WEB-INF下，修改如下：
修改gwcXmlConfig執行個體化時使用固定路徑，該路徑可以為任意建立路徑檔案夾。Geowebcache啟動之後會檢查此檔案夾下是否存在gewebcache.xml檔案，如果不存在則按模闆建立立并讀取使用，如果存在則直接讀取使用。
3）修改第2步中的gewebcache.xml檔案：
在layers節點裡添加arcgisLayer節點（預設生成的gewebcache.xml的layers節點有許多其他備援資料，可删除可保留）。Name節點表示待添加圖層的名稱（這裡配置為ARCGIS-Demo），titlingscheme節點為conf.xml檔案的路徑，tileCachePath為瓦片資料的路徑。
4）瓦片地圖的準備
其中conf.xml為配置檔案，conf.cdi為顯示區域限制檔案，_alllayers檔案夾下則存放了切片資料，Status.gdb為切片狀态情況記錄（可直接删除）。
通過瓦片下載下傳器下載下傳瓦片地圖，然後生成的切片資料_alllayers檔案夾：
L01-L10表示地圖縮放級數，按照ArcGIS切片目錄組織，切片命名規則也和ArcGIS切片資料命名規則一緻。（conf.xml、conf.cdi和_alllayers在同級目錄）。
5)啟動tomcat，繼而啟動Geowebcache服務，浏覽器通路 localhost:8080/geowebcache，如果一切正确的話可以看到下面的頁面
該頁面簡單說明了Geowebcache的一些情況。
點選“A list of all the layers and automatic demos”連接配接可以看到下面：
該頁面顯示了geowebcache.xml配置的圖層資訊。圖中可以看到隻配置了一個名字為ARCGIS-Demo的圖層，使用的EPSG3857坐标系，釋出的圖檔格式為png格式，點選png連結即可看到瓦片地圖。
這裡地圖顯示的級别和坐标系配置都來自conf.xml檔案。這裡的前端js使用的是Openlayers。檢視網頁源碼：
View Code
個人比較喜歡leaflet這個GIS javascript庫，使用leaflet加載GeoWebCache釋出的這個服務：
3、使用自定義的Http服務
GeowebCache本質上就是個Http服務，通過請求參數擷取配置檔案中的路徑中的切片資料，傳回給請求方。
我們可以自己寫個獨立的Http服務，從資料庫中讀取切片資料傳回給請求方。
切片請求位址類似：http://localhost:8899/1818940751/{z}/{x}/{y}
其中“1818940751”是下載下傳器下載下傳的地圖類型，z/x/y分别是zoom和地圖切片行列号。
前端js使用leaflet加載：
前端js可以自定義投影Projection算法，而國内google地圖、高德地圖和騰訊地圖都是标準的墨卡托投影，可以直接用leaflet加載。
配合一些畫圖插件，再配合一些背景POI檢索服務，如：
<a href="http://www.cnblogs.com/luxiaoxun/p/5020247.html" target="_blank">《使用Lucene索引和檢索POI資料》</a>
<a href="http://www.cnblogs.com/luxiaoxun/p/4477591.html" target="_blank">《使用Solr進行空間搜尋》</a>
則能做出如下效果：
總結：介紹了如何使用下載下傳的離線切片資料在區域網路環境下釋出Web GIS地圖服務，前端配合使用一些js插件，實作web下空間資料的檢索。
附件：
conf.cdi
conf.xml
參考：
http://leafletjs.com/
http://leafletjs.com/examples/quick-start/
http://www.cnblogs.com/luxiaoxun/p/4454880.html
http://www.cnblogs.com/luxiaoxun/p/5020247.html
本文轉自阿凡盧部落格園部落格，原文連結：http://www.cnblogs.com/luxiaoxun/p/5022333.html，如需轉載請自行聯系原作者