GeoServer入门(二):WMTS图层瓦片切割与调用

本章主要讲述如何GeoServer进行图层瓦片切割与缓冲,发布标准的WMTS服务,并介绍了REST格式的调用参数。主要包含以下内容:

  • 图层切片与缓冲
  • WMTS服务调用

GeoServer入门(一):发布第一个图层中,利用GeoServer服务器发布了第一张WMS地图,并使用OpenLayers在浏览器中进行了预览和基本的平移和放大操作。细心的读者可能已经发现,每次鼠标操作时浏览器都会向后台服务器发送一个地图更新的请求,这在地图较小、访问量较少的情况下感觉还不太明显。但是,对于稍微大一点的GeoTIFF地图每次花费的时间就显得比较长了。一方面是因为GeoServer服务器每次请求都要根据WMS服务的参数来生成需要返回给浏览器的图像,当地理图像越大时这个过程花费的时间就会越长;另一方面也因为相同的图片生成过程在服务器端被不断的重复,即使已经访问过很多次了也会在下次WMS服务时重新生成,这样就做了很多的无用功,白白浪费了服务器的计算资源。如果能将以前生成过的地理图片缓存在服务器上,这个生成图像的过程就会急剧减少,将会大大减轻服务器的负担,提高服务的影响效率。幸好GeoServer已经内置了GeoWebCache服务,通过这个缓冲机制,可以将所有和图层提前切片保存,虽然从存储空间的角度来讲似乎有些浪费,但是从服务响应时间上来看却极大地提高了地图服务的响应效率。

1. 图层切片与缓冲

GeoServer已内置了GeoWebCache服务,可以直接在GeoServer的管理界面左侧的“Tile Caching”瓦片缓冲菜单栏中进行操作,可以对图层进行切片、设置默认缓冲参数、网格集、磁盘限额等。

  • 4
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在 Vue 项目中使用 ArcGIS API for JavaScript 添加 GeoServerWMTS 服务和 GeoJSON 格式图层的步骤如下: 1. 安装 ArcGIS API for JavaScript: ``` npm install --save @arcgis/core ``` 2. 在 Vue 组件中引入 ArcGIS API for JavaScript: ``` import * as ArcGIS from "@arcgis/core"; ``` 3. 在 Vue 组件中创建地图和视图: ``` <template> <div ref="mapViewNode" style="height: 100vh;"></div> </template> <script> export default { name: "MapView", data() { return { mapView: null } }, mounted() { this.initializeMap(); }, methods: { async initializeMap() { const [Map, MapView] = await ArcGIS.loadModules(["esri/Map", "esri/views/MapView"]); const map = new Map({ basemap: "streets-navigation-vector" }); const mapView = new MapView({ container: this.$refs.mapViewNode, map: map, zoom: 12, center: [-118.805, 34.027] }); this.mapView = mapView; } } }; </script> ``` 4. 在 `initializeMap` 方法中添加 WMTS 服务和 GeoJSON 格式图层: ``` async initializeMap() { const [Map, MapView, WMTSLayer, GeoJSONLayer] = await ArcGIS.loadModules(["esri/Map", "esri/views/MapView", "esri/layers/WMTSLayer", "esri/layers/GeoJSONLayer"]); const map = new Map({ basemap: "streets-navigation-vector" }); const mapView = new MapView({ container: this.$refs.mapViewNode, map: map, zoom: 12, center: [-118.805, 34.027] }); const wmtsLayer = new WMTSLayer({ url: "http://localhost:8080/geoserver/gwc/service/wmts", id: "geoserver-wmts", title: "GeoServer WMTS", activeLayer: { id: "topp:states" } }); map.add(wmtsLayer); const geoJsonLayer = new GeoJSONLayer({ url: "http://localhost:8080/geoserver/topp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=topp:states&outputFormat=application%2Fjson" }); map.add(geoJsonLayer); this.mapView = mapView; } ``` 注意:在添加 WMTS 服务和 GeoJSON 格式图层时需要确保服务和数据源的坐标系信息一致,否则可能会导致图层位置不正确。同时,GeoJSON 的 URL 需要在后面添加 WFS 参数,以便获取 GeoJSON 格式的数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值