如何通過Geoserver獲得矢量圖塊？

Question

在這些日子里，我迷上了一個大問題 - 如何通過Geoserver獲得矢量圖塊？ 我已經找了很多文檔和博客，並且有一些有用的資源可以解決這個問題，如果一步一步操作很簡單： http ： //suite.opengeo.org/docs/latest/dataadmin/vectortiles/index.html ;

但經過這些操作，我仍然沒有獲得成功，我想知道原因，如果你有一些想法，請與我分享，謝謝你的親切〜

ps：控制台有一些消息，也許它很有用：關於gwc播種：

10一月10:27:45 INFO [seed.SeedTask] - GWC播種機Thread-4完成（重新）播種層cn：192個瓷磚和2秒后的道路。

10一月10:27:45 INFO [seed.SeedTask] - GWC播種機Thread-3完成（重新）播種層cn：80個瓷磚和2秒后的道路。

10一月10:27:45 INFO [seed.GWCTask] - 線程組在2.578秒后完成SEED任務

我沒有足夠的聲譽，所以我將郵件復制到此處而不是發送圖片，抱歉

// ********* *************************

我已經添加了vector-tiles插件，

當我請求瓷磚時有一些錯誤：

http：// localhost：8080 / geoserver / gwc / service / tms / 1.0.0 / cite：DLZXX_2011_PL_10000 @ EPSG％3A4326 @ geojson / 11/1673/891.geojson 404（未找到）

//獲取矢量切片的代碼

var vectorTile = new ol.layer.VectorTile({

        //get source
        source: new ol.source.VectorTile({
            format:new ol.format.GeoJSON(),
            tileGrid: ol.tilegrid.createXYZ({
                maxZoom:14
            }),
            tilePixelRatio:1,
            url:'/geoserver/gwc/service/tms/1.0.0/'+layerName
              +'@EPSG%3A4326@geojson/{z}/{x}/{y}.geojson'
        }),
        style:initStyle
    });

    map.addLayer(vectorTile);

每個Tile GET請求的標頭

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encodin: gzip, deflate
Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3
Cookie: JSESSIONID=9679B11893A04A0ACE21D49D93AB7CDC
Host: localhost:8080
Referer: http://localhost:8080/23DPlatform/index.jsp
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0

回應的標題

Content-Disposition :inline; filename=geoserver-dispatch.text
Content-Encoding: gzip
Content-Type: text/plain
Date: Tue, 10 Jan 2017 13:01:09 GMT
Server: Apache-Coyote/1.1
Transfer-Encoding:chunked

// ********* ***************

也許你可以閱讀這個問題，有一些類似的

Ionic / Leaflet - 無法找到Tiles 404（來自緩存）

Answer 1

我已經通過geoserver和openLayers3獲得了矢量切片。

1）geoserver（GeoWebcache）中的矢量切片是動態創建的 ，因此您無需單擊GeoWebcache管理頁面上的種子按鈕;

2）數據的投影是一個非常重要的參數，OL3中的默認投影是EPSG：3857。 所以你需要確保投影（layer，source，tilegrid）相同 ;

PS：我在博客上寫下了這個過程：

http://www.cnblogs.com/escage/p/6387529.html

抱歉，這是中文博客，如果您對這些主題有任何疑問，可以通過電子郵件與我聯系：

ericliuneverlost@163.com