geoserver - 如何通过 Geoserver 获取矢量图 block ？

Question

这几天一直在纠结一个大问题——如何通过Geoserver获取矢量图 block ？我找了很多文档和博客，有一些对问题有用的资源，一步一步操作很容易: http://suite.opengeo.org/docs/latest/dataadmin/vectortiles/index.html ;

但是经过这些操作，还是没有成功，想知道原因，如果你有什么想法，请与我分享，谢谢你的好意~

ps:控制台有一些信息，也许有用:关于 gwc 播种:

10 月 10:27:45 信息 [seed.SeedTask] - GWC Seeder Thread-4 完成(重新)播种层 cn:192 个瓷砖和 2 秒后的道路。

10 月 10:27:45 信息 [seed.SeedTask] - GWC Seeder Thread-3 完成(重新)播种层 cn:80 block 2 秒后的道路。

10 月 10:27:45 信息 [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 (Not Found)

//获取矢量图 block 的代码

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 请求的 header

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 - Can't get Tiles 404 Not Found (from cache)

Answer 1

我已经通过 geoserver 和 openLayers3 获得了矢量图 block 。

1)geoserver(GeoWebcache) 中的矢量图 block 是动态创建的，所以你不需要点击 GeoWebcache 管理页面上的播种按钮；

2)数据的投影是一个非常重要的参数，OL3中的默认投影是EPSG:3857。 所以你需要确保投影(图层、源、tilegrid)相同；

PS:我在博客上写下了过程:

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

抱歉，这是中文博客，如果您对这些主题有任何疑问，可以通过电子邮件与我联系:

ericliuneverlost@163.com