Openlayers4地图重复出现的问题

最新推荐文章于 2024-06-02 12:49:11 发布
最新推荐文章于 2024-06-02 12:49:11 发布
阅读量4.5k 收藏 4
点赞数 1
分类专栏： Openlayers WebGIS开发 文章标签： ol openalyers 地图重复 extent
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gisuuser/article/details/80690589
版权

在做Openlayers里做地图开发的时候，会出现地图重复出现的问题。如下图


这种问题尝试了很多方式，给你Map/View设置Extent，都没有什么作用。

最终解决方案：

给地图的每一个layer设置extent；


Openlayers下的每一个图层基类都继承了这个接口，设置setExtent[-180,-90,180,90]，之后有效的解决了地图图层重复出现的问题

GIS开发者
关注
专栏目录
232：vue+openlayers选择左右两部分的地图，不重复，横向卷帘
大剑师兰特的GIS世界
04-11 1753
本示例演示如何在vue+openlayers项目中自定义js实现横向卷帘。这个示例中从左右两个选择框中来选择不同的地图，做了不重复的处理，即同一个数组，两部分根据选择后的状态做disabled处理，避免重复选择。
Openlayers实战：加载天地图
大剑师兰特的GIS世界
07-14 959
国家地理信息公共服务平台“天地图”（以下简称“天地图“）是国家基础地理信息中心建设的网络化地理信息共享与服务门户。其属于国家队的，有一定的权威性。在Openlayers中如何加载天地图呢，方法很简单，用XYZ的形式。它分为底图和标注，可以灵活的做配合使用。
openLayers 避免地图 canvas 重复绘制
weixin_60823046的博客
05-08 486
【代码】openLayers 避免地图 canvas 重复绘制。
OpenLayers重新加载图层数据
Gary Leong
10-22 4233
var now = Date.now(); var format = selectedLayerSource.getFormat(); var url = selectedLayerSource.getUrl(); url = url + '?t=' + now; //make AJAX request to source url $.ajax({ url: url, succe...
GeoServer 发布带注记WMS服务，openlayer或leafleat等调用时，注记重复的问题
weixin_30847865的博客
07-11 749
具体问题，如下图所示，区划面注记层出现重复 解决方案： 1.根据在样式中设置centrid 属性，字段用空间字段根据实际情况，我用的是arcgis 导入sqlserver数据，空间字段为SHAPE ... </sld:PolygonSymbolizer> <sld:TextSymbolizer> <sld:Geometry> ...
自己服务器发电子地图切片服务，不能重复显示
09-27 318
自己服务器发电子地图切片服务，不能重复显示问题解决 不能重复显示： 代码如下： //切片调用 var world_tms = new ol.layer.Tile({ name:"切片", visible: true, source: new ol.source.XYZ({ matrixSet:"EPSG:4326", projection: "EPSG:4326"
openlayers加载瓦片地图并手动标记坐标点
04-29
OpenLayers 是一个强大的开源JavaScript库，用于在Web浏览器中创建交互式地图应用。它支持多种数据源，包括瓦片地图，使得开发者可以轻松地将地理信息集成到网站中。本教程将详细介绍如何使用OpenLayers加载瓦片地图...
openlayers发布简易离线地图DEMO
12-06
离线地图的实现主要依赖于将在线地图数据预先下载并存储在本地，然后通过OpenLayers来读取和渲染这些存储的数据。在这个DEMO中，我们重点关注两个关键点：地图瓦片的组织和OpenLayers的配置。 1. **地图瓦片的组织*...
2. Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图 （结合Vue 详细教程）
热门推荐
全栈三维GIS开发工程师，擅长Cesium、OpenLayers、Three.js、WebGL、Vue、Django、GDAL和QGIS技术。在这个博客里，我将分享我的开发经验、技术心得和项目案例，希望能为GIS爱好者和开发者提供有价值的参考。
06-11 1万+
本文介绍了如何在 OpenLayers 中加载不同类型的地图数据源，包括天地图、百度地图、高德地图、ArcGIS、Bing Maps、OpenStreetMap (OSM) 和 Google 地图。针对每种数据源，本文提供了相应的示例代码，展示了如何使用专用加载器或通用加载器实现底图加载。通过遵循本文的示例和指南，您可以轻松地将各种地图数据源添加到您的 OpenLayers 项目中，并根据自己的需求进行修改和调整。
openlayers 地图组件封装
为人民服务
10-27 1045
openlayers 地图组件封装
leaflet-layershift:平移单个 tileLayer，同时将其他图层保持在原位
06-04
#Leaflet.layershift 对 Leaflet 的扩展，允许您拖动单个平铺层并测量与其他层的偏移量。 诚然，这方面的用例相当有限。 UGent 的地理系正在使用它来解释不容易进行地理参考的 18 世纪地图，因此不可能完美地叠加在现代地图上。 ##不幸的是... ...它目前只适用于瓷砖层； 这甚至不包括 WMS 或其他 L.TileLayer 后代。 ##Using the plugin 如果您希望能够拖动图层，则必须使用 L.ShiftableTileLayer 而不是 L.TileLayer。 var map = L . map ( 'map' ) . setView ( [ 51.02435 , 3.71018 ] , 17 ) ; var osm = L . shiftableTileLayer ( 'http://{s}.tile.osm.org/{z}/{x
39-OpenLayers多图层切换显示隐藏，支持多个Layer同时显示和隐藏，OpenLayers懒加载瓦片
最新发布
fxshy的博客
06-02 85
39-OpenLayers多图层切换显示隐藏，支持多个Layer同时显示和隐藏，OpenLayers懒加载瓦片
vue+openlayers渲染多个map注意事项
Swampis的博客
01-28 484
vue的monted函数中，在多个dom中定义完相应map对象后，应当将该组件渲染后，在进行隐藏，以便下次调用渲染完后的map;
React + leaflet 地图瓦片 加载错乱 不能正常显示
hero_th的博客
07-21 1053
1. 在index.js 中引用css样式 import '../../../node_modules/leaflet/dist/leaflet.css' 2. 给指定地图容器设置高度 <div id='map' style={{ height: '700px'}} > </div>
openlayers实现多图显示
weixin_30692143的博客
05-18 226
概述： 本文讲述在openlayers中如何实现多图联动。 思路： 1、判断鼠标在哪个地图上； 2、添加该地图的地图移动事件； 3、设置另外一个地图的bound为该地图的。 代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"...
OpenLayers4叠加显示点
pdw521的专栏
11-20 2321
obj.drawst = function (st_result) {         var arr = new Array();         arr = st_result.split('|');         //set staion style         iconFeatureset = new Array();         //declare img s
openlayers地图组件的封装
shaoxxxxx的博客
11-24 933
<template> <div id="Gmaps" ref="Gmaps" tabindex="1"></div> </template> <style scoped> #Gmaps { width: 100%; height: 100%; } </style> <script> /** * moveEvent 地图的移动事件 * clickEvent 地图自定义点击事件 * getMap 挂载到实例
openLayers 4 canvas图例绘制，canvas循环添加图片，解决图片闪烁问题
weixin_30383279的博客
01-24 888
一、问题来源： 接触Openlayers 一段时间了，最近做了一个农业产业系统，项目中涉及到产业图例，最后考虑用canvas来绘制图例图像。当中带图片的图例移动时，图片会实现闪烁留白情况。闪烁是因为绘制图片本身的复杂性，导致canvas绘制频率和浏览器绘制频率不同步，出现图片出不来或者延迟出现，这过程中间就出现了空白显示为canvas底图颜色白色的情况。这里说的闪烁是，在单击地图移动...
react+leaflet中“Map container is already initialized”问题
qq_52792706的博客
12-24 1620
leaflet中“Map container is already initialized”问题
openlayers高德地图偏移问题
05-16
在使用 OpenLayers 和高德地图时，有可能会遇到地图偏移的问题。这通常是因为 OpenLayers 默认使用 WGS84 坐标系，而高德地图使用的是火星坐标系（GCJ-02）。这种坐标系的使用会导致地图显示位置偏移几百米甚至更多...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GIS开发者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值