Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示

短命女 2022-10-12 15:58 264阅读 0赞

# 场景 #

Openlayers下载与加载geoserver的wms服务显示地图：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/114320531][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_114320531]

在上面将shp地图发布并显示后

Geoserver怎样切割离线瓦片地图：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/118491320][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118491320]

并且使用Geoserver切割好了离线瓦片地图，怎样在Openlayers中进行显示。

## 效果 ##

![20210705162418823.gif][]

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

# 实现 #

首先新建一个存放离线瓦片地图的文件夹，这里叫images，然后上面使用geoserver切割的瓦片放在此目录下

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_114320531]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114320531
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118491320]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118491320
[20210705162418823.gif]: /images/20221005/03dadc7a2a6645ab8b7259ee160c143a.png
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi

发表评论取消回复

表情：

评论列表（有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

相关 Geoserver切割离线瓦片地图后瓦片存储路径(使用Tomcat部署geoserver时)

场景 Geoserver怎样切割离线瓦片地图： [Geoserver怎样切割离线瓦片地图\_BADAO\_LIUMANG\_QIZHI的博客-CSDN博客\_geose

约定不等于承诺〃/ 2023年10月11日 17:04/ 0 赞/ 61 阅读

相关 Geoserver中TileLayers中切割离线瓦片预览时地图模糊不清

场景 Geoserver怎样切割离线瓦片地图： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details

布满荆棘的人生/ 2023年10月01日 20:06/ 0 赞/ 9 阅读

相关 Openlayers中加载Geoserver切割的EPSG:900913离线瓦片图层组

场景 Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示： [Openlayers中加载Geoserver切割的EPSG:900

迈不过友情╰/ 2023年10月01日 15:37/ 0 赞/ 52 阅读

相关 Leaflet中加载离线OSM瓦片地图(使用OfflineMapMaker切割下载离线png地图文件)

场景 Leaflet快速入门与加载OSM显示地图： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/detai

悠悠/ 2023年10月01日 12:56/ 0 赞/ 22 阅读

相关 Geoserver中TileLayers中切割离线瓦片预览时地图模糊不清解决方法2

场景 Geoserver中TileLayers中切割离线瓦片预览时地图模糊不清： [Geoserver中TileLayers中切割离线瓦片预览时地图模糊不清\_霸道流氓

怼烎@/ 2023年09月30日 15:31/ 0 赞/ 49 阅读

相关 openlayers加载本地离线地图瓦片 (五)

1. 准备工作准备好openlayers的js、css文件和上篇文章下载的上海地图瓦片(格式为谷歌XYZ)。新建一个html文件，我的目录是这样的： ![在这里插入

Myth丶恋晨/ 2023年07月24日 05:36/ 0 赞/ 245 阅读

相关 Openlayers下载与加载geoserver的wms服务显示地图

场景 GeoServer简介、下载、配置启动、发布shapefile全流程(图文实践)： [https://blog.csdn.net/BADAO\_LIUMANG\_

╰+哭是因爲堅強的太久メ/ 2022年11月05日 00:53/ 0 赞/ 222 阅读

相关 Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示

场景 Openlayers下载与加载geoserver的wms服务显示地图： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/

短命女/ 2022年10月12日 15:58/ 0 赞/ 265 阅读

相关 Geoserver怎样切割离线瓦片地图

场景 Openlayers下载与加载geoserver的wms服务显示地图： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/

朱雀/ 2022年10月12日 15:56/ 0 赞/ 401 阅读

相关 geoserver配合openlayers框架加载地图

geoserver地图服务器如果搭建成功，那么会有很多图层示例。这些图层可以用作练手示例。在实际工作中，可能需要我们自己设计地图，自己发布，然后使用。这里以

蔚落/ 2022年09月12日 04:41/ 0 赞/ 335 阅读