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

nihaoye000 2018-05-26 11:07:17

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

...全文

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

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

哈哈gogo 2020-02-15

打赏
举报

回复

也想知道，怎么做

本课程系统讲解了layer弹窗里的所有方法。逐一进行了分析和讲解。内置方法config全局设置 ready就绪 open核心方法 alert弹框 confirm询问 msg提示 load加载 tips吸附 close关闭层 closeAll关闭全部 style title重置标题 getChildFrame getFrameIndex iframeAuto iframeSrc setTop多层置顶 full/min/restore 其他内置层prompt输入层 tab选项卡层 photos图片层

前言：在项目中会遇到我们只有某一个区域的离线地图瓦片的情况，就需要限制地图的拖动范围。比如我这里就因为只下载了中国地图的离线瓦片，需求要求不能出现地图留白情况。目录：官方提供的方法：入口具体介绍： 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

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章