OpenLayers 加载天地图模糊的问题 OpenLayers 地图缩放模糊
openlayers 加载天地图模糊的问题,OpenLayers 地图缩放几次之后模糊
2021年12月20日
纠正模糊原因:
地图加载瓦片实质上还是图片,一般来说是256&256,将一个静态图片直接放大缩小,肯定会造成图片模糊!
而关闭无级别缩放之后,地图每放大或缩小一级,图片都会重新请求,加载256&256原版瓦片,因此不会模糊。
大概是openlayers5以来,不知道为什么加载天地图地图,总是会比较模糊;
神奇的是,初始化是清晰的,放大缩小之后会变模糊。经过反复确认,发现天地图本身的图片是清晰的,叠加在地图上就会模糊,而且叠加谷歌等其他底图也是会模糊,但是没找到原因,就不了了之了。
后来偶然发现问题,现在记录一下,希望可以顺便帮到需要的GISer。
原因很简单:地图只要设置无级缩放就会模糊,初步认为是openlayers的bug;
解决办法,关闭无级缩放,详见下边代码。
//这里默认大家会用openlayers,只展示view对象属性
let view = new View({projection: 'EPSG:4326',center: [116.39883235959466, 39.899335141866445],zoom: 7,maxZoom:18,minZoom:1,//1.设置缩放级别为整数 constrainResolution: true, //2.关闭无级缩放地图smoothResolutionConstraint: false,})
};
原地图
修改后
OpenLayers 加载天地图模糊的问题 OpenLayers 地图缩放模糊相关推荐
- GIS初学者,最新OpenLayers WMTS 天地图,OpenLayers加载天地图、调用天地图WMTS示例、tianditu、EPSG:3857、EPSG:4326
2018最新OpenLayers天地图加载可行方案,天地图WMTS调用,OpenLayers 天地图 WMTS GetCapabilities GetTile 最近要了解Web GIS方面的知识,对我 ...
- openlayers学习——1、openlayers加载天地图
openlayers加载天地图 前言:基于Vue,学习openlayers,根据官网demo,记录常用功能写法.本人不是专业GIS开发,只是记录,方便后续查找. 参考资料: openlayers官网: ...
- OpenLayers 加载天地图
要使用 OpenLayers 3 加载天地图,首先要弄清楚天地图发布的原理,以及遵循的发布规范,上一篇中我们提到了使用 OpenLayers 3 加载百度地图,我们提到一般网络地图为了加快访问速度,都 ...
- openlayers加载天地图及天地图地形图影像图
openlayer加载天地图.天地图地形图.天地图影像图,相关代码有注释. 加载效果: 天地图底图 天地图地形图 天地图影像图 相关代码: import {XYZ,TileImage} from 'o ...
- openlayers 加载天地图及自定义EPSG:4490坐标系以及axisOrientation的值为enu或neu的问题
借鉴了一网络上的 以及自己整合的两种方式 第一种: 首先openlayer自带的projection的坐标系是支持EPSG4326的,我们想要支持EPSG4490的坐标系,就必须将4490的坐标系注 ...
- OpenLayers加载天地图
openlayer 是基于JavaScript的webGIS库 ,通过openlayer可以很容易的调用地图,并做相应的操作. 在head中载入openlayer的js文件: <link rel ...
- 基于vue利用openlayers加载天地图的影像图,地形图
废话不说直接上代码 影像图 <template><div><div>影像图</div><div class="map" id= ...
- openlayers加载百度地图作为底图坐标偏移的解决办法
openlayers加载天地图作为底图,在网上找了公开的服务资源,要做到百度地图与天地图之间切换,同样也从网上找到百度地图的服务资源但是在地图上坐标总是有偏差,最初的代码是这样的: var proje ...
- 【ArcGis for javascript从零开始】之一 ArcGis加载天地图
最近做项目需要用到ArcGis来进行数据展示和数据分析.以前从来没有接触过与Gis有关的东西,一切需要从头开始学.没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录.Ar ...
最新文章
- vim for python
- 在Tableau中去除选择高亮效果
- NULL,,String.Empty三者在C#中的区别
- linux配置桌面快捷方式:idea.desktop快捷方式文件编写
- 海量数据索引与近似最近邻随记
- post get mysql_jQuery – AJAX get() 和 post() 方法 | 菜鸟教程
- Python变量赋值的秘密
- 为什么要使用 Node.js
- Android 系统(94)---Android属性之build.prop生成过程分析
- MySQL存储过程中游标使用
- 剑指 Offer II 106. 二分图
- 数据增强操作(旋转、翻转、裁剪、色彩变化、高斯噪声等)
- 微型计算机原理与接口技术(慕课版),微机原理与接口技术
- Matlab安装 解决error114
- 没想到印度年轻人这么惨!我们知足吧!
- 分布式调用框架RSF-注册中心设计
- SpringBoot整合MybatisPlus实战动态SQL,java分布式架构
- 为何现在的90后员工的离职率越来越高了?
- 328个计算机毕业设计题目
- 【数电】(四)逻辑门电路