OpenLayers学习笔记1——实现WMTS的逐级无缝缩放

最新推荐文章于 2023-06-29 11:12:30 发布
最新推荐文章于 2023-06-29 11:12:30 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： Openlayers 开源GIS OpenLayers WebGIS开发实战 文章标签： openlayers webgis JavaScript 地理信息
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/giser_whu/article/details/46327159
版权

在内网部署应用时，将下载的地图发布为WMTS服务，可以提升地图访问速度，并可以通过设置相关参数实现不同地图的无缝缩放（世界---中国----省---市），效果图如下所示：




主要需要设置不同图层的最大和最小分辨率（maxResolution，minResolution）属性，然后通过几次调试以达到最佳效果

召唤师峡谷
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
openlayers：实现加载WMTS数据（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
02-06 69
openlayers：实现加载WMTS数据（附完整源码）
OpenLayer学习笔记——第一天
01-08
官网链接：http://openlayers.org/ 整理自：http://linwei.xyz/ol3-primer/ gis小白从零开始学习，需要懂得前端基础知识 不bb，开干 快速开始 一、形成地图 导入文件 方式一：cnd导入 方式二：下载包导入 github地址：https://github.com/openlayers/openlayers/releases // 创建地图 new ol.Map({ layers: [ new ol.layer.Tile({source: new ol.sour
GeoServer系列-发布WMTS切片服务
最新发布
占星安啦的博客
06-29 5852
WMTS弥补了WMS不能提供分块地图的不足。WMS针对提供可定制地图的服务，是一个动态数据或用户定制地图（需结合SLD标准）的理想解决办法。GeoServer发布WMST是在已经发布好WMS服务的基础上进行的，将已发布的WMS图层按级别切片，前端根据缩放级别分别加载各个小切片图片。
等值线等值面功能实现.使用技术包括Java+Geotools+WContour+Openlayers
06-04
等值线等值面功能实现.使用技术包括Java+Geotools+WContour+Openlayers
openlayers地图没有撑满容器--layers图层与地图分离，不随地图放大缩小正确展示图层位置的解决办法
weixin_46513664的博客
03-18 1498
这两天遇到了一个怪异的事情，Openlayers地图宽度没有撑满容器，是这样展示的 于是，我顺其自然的在样式中加了一个canvas:{width:100%;} 这下好了，白条没了，但更怪异的事情出现了，研发部电脑显示的地图没有任何问题，提交到了业务部门，就出现了很可笑的现象 图层偏移了，偏的还不是一星半点儿，但是技术研发部的电脑都没有这种情况，于是我去检查了业务部门的浏览器，区别就是他们的电脑是32位的，我们的电脑都是64位的，那么猜想就是canvas宽度不能这样设置，于是删掉canvas的.
openlayers中WMS服务图层刷新的问题
YYJJJJ326的博客
01-13 1109
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
OpenLayers 滚轮缩放不了，缩放很慢，缩放速度有问题
a571574085的博客
09-11 1511
在控制面板-硬件-鼠标属性-滑轮-垂直滚动，如果勾选的是【一次滚动一个屏幕】，就会出现缩放很慢的问题。
OpenLayers教程：多源数据加载之WMTS
不睡觉的怪叔叔的博客
09-05 1万+
目录 一、WMTS简介 二、WMTS的接口 2.1、GetCapabilities 2.2、GetTile 2.3、GetFeatureInfo 三、加载ArcGIS产品发布的WMTS服务数据 3.1、加载ArcGIS Online发布的WMTS服务数据 3.2、加载ArcGIS Server发布的WMTS服务数据 四、加载GeoServer发布的WMTS服务数据 五、加载天...
openlayers6学习笔记
05-25
openlayers6学习笔记，节省你的学习成本
openlayers3.0学习笔记
05-25
openlayers3.0学习笔记，节省你的学习成本
GeoServer学习——OpenLayers3加载KML地图实现框选
08-12
NULL 博文链接：https://wallimn.iteye.com/blog/2279201
等值线、等值面Flex
01-16
等值线、等值面Flex
OpenLayers加载缩放控件使用方法详解
10-14
主要为大家详细介绍了OpenLayers加载缩放控件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
OpenLayers加载不同WMTS服务
SuperMap技术控
12-21 6798
作者：yyy 前言 WMTS，Web地图瓦片服务（Web Map Tile Service）当前版本是1.0.0。WMTS标准定义了一些操作，这些操作允许用户访问瓦片地图。WMTS可能是OGC首个支持RESTful访问的服务标准。SuperMap iServer支持发布WMTS 1.0.0标准的服务，同时提供一个兼容《地理信息公共服务平台电子地图数据规范》中地图分级标准的服务。 WMTS服务包含的信息介绍 在常规的WMTS服务中会包含以下参数和信息： <ows:Get...
OpenLayers + SuperMap iClient for OpenLayers 加载超图地图服务 4326 3857 rest
josiecici的博客
01-26 5620
服务地址：https://iserver.supermap.io/iserver/services/map-china400/rest/maps/China 服务分类：地图服务 服务坐标系：3857 layers内有子图层： 服务地址：https://iserver.supermap.io/iserver/services/map-world/rest/maps/World 服务坐标系：4326 同样的layers内也有子图层，截图省略。。。 加载代码，这里我的代码是从超图官网获取的： v
Openlayers中加载WMTS地图服务，自定义级别、分辨率
热门推荐
高端客户
08-08 1万+
需要以下几个参数 origin（原点） resolutions（分辨率数组） matrixIds（分辨率对应的级别） projection（坐标系） 以arcgis server 发布的服务为例，如图 var projection = ol.proj.get(&amp;quot;EPSG:4326&amp;quot;); var resolutions = [0.00118973050291514, 5.94865...
OpenLayers：加载GeoServer发布的WMTS、TMS服务
Puzzle的博客
11-17 1万+
# 数据 ## 数据说明：广州天河区路网.shp ## 坐标系：EPSG:3857 ## 坐标系范围：[-20037508.34, -20037508.34, 20037508.34, 20037508.34] ## 数据范围：[12612071.934997188, 2644615.605161872, 12628768.72360215, 2660183.6516002486] ## 数据中心：[12620420.32929967, 2652399.6283810604].....
等值线图以及色斑图实现方式综述
weixin_51965860的博客
01-10 2899
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用hel
OpenLayers学习笔记（九）— 限制地图显示范围
06-13
好的，关于限制地图显示范围的问题，我们可以使用OpenLayers中的`extent`属性来实现。`extent`表示地图的范围，只有在这个范围内才会显示地图。 具体实现方法如下： 首先，我们需要定义一个范围变量，比如说： ``` var extent = [xmin, ymin, xmax, ymax]; ``` 其中，`xmin`表示范围的左边界，`ymin`表示下边界，`xmax`表示右边界，`ymax`表示上边界。这个范围可以根据你的需求进行设定。 然后，在创建地图的时候，我们需要在`Map`的构造函数中加入`extent`属性，比如： ``` var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: [0, 0], zoom: 2, extent: extent }) }); ``` 这样，地图就只会显示在指定的范围内了。如果用户试图拖动地图到范围之外，地图将不再响应拖动事件。 希望这个回答能够解决你的问题。如果还有其他问题，欢迎继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值