openlayer3如何限制地图的拖动范围

nihaoye000 2018-05-26 11:07:17

如题，就是限制它不可以拖出某个extent的范围

...全文

1422 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

哈哈gogo 2020-02-15

打赏
举报

回复

也想知道，怎么做

前言：在项目中会遇到我们只有某一个区域的离线地图瓦片的情况，就需要限制地图的拖动范围。比如我这里就因为只下载了中国地图的离线瓦片，需求要求不能出现地图留白情况。目录：官方提供的方法：入口具体介绍： extent 后面加一个范围的数组：获取四个值的技巧：比如获取中国地图 1、我在左右上下各获取了一个点： 2、min x : 他们四个点的经度的最小值也就是这里的：73.32783475401652 3、max x: 他们四个点的经度的最大值也就是...

首先吐槽一下，网上的资源很多，但是对口的却很少。控制openlayer地图，禁止使用鼠标滑轮滚动进行缩放地图。根据版本不同，使用的方法也不同。我现在使用的openlayer3.0版本，使用方式一能解决我的问题。分享下面方式二和方式三方法，供不同版本的小朋友参考。方式一：直接说解决方法：以添加interactions的方式实现禁用鼠标滑轮滚动缩放地图效果(open layer3....

这篇文章主要是使用openlayer加载各类地图，在这不会赘述其原理（因为我也不会），只是几个简单的实例。如果你想了解其原理，可以看这篇openlayer3 教程及介绍，写的真的不错，博主入门也是看的这篇文章。加载百度地图 var projection = ol.proj.get("EPSG:3857"); var resolutions = []; for(var i = 0; i &...

问题来源出于防误操作的关系，我考虑到在地图绘制时禁止掉拖动地图的操作，在绘制结束才恢复回来。但直接用openlayer的Interaction的DragPan注册控件行不通，由此我实验得到以下两种方法。方法一：利用draw里的freehand模式核心就是多加入两个属性来限制draw的应用范围。 new ol.interaction.Draw({ condition: ol.eve

openlayer+Vue地图显示遮罩效果前言数据为json格式的边界经纬度，采用线创建一个矢量图层，设置一个屏幕范围，然后根据屏幕范围创建一个polygon，再将点做成一个点数组，添加进lineRing，并由此创建一个lineRing,然后再将lineRin添加进polygon，由此形成了一个遮罩面。二、使用步骤 1.引入库 import GeoJSON from 'ol/format/GeoJSON'; import Feature from 'ol/Feature'; import Geomet

87,838

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章