当前位置: 首页 > news >正文

openlayers限制地图拖动区域

    现在做webgis基本都会用到openlayers或者leaflet。那么在显示地图的时候,特别是显示小区域地图的时候,由于地图区域较小,就会存在把地图拖动到显示区域之外的现象。那么该如何限制地图拖动的区域呢。   

    在openlayers2中有restrictedExtent属性,直接设置下即可。

var options = {
			controls : [
			            new OpenLayers.Control.Navigation()
			            ],
            projection: new OpenLayers.Projection("EPSG:4326"),
            maxResolution: 0.703125,
           // minScale:1/3500,
//            minScale:100,
			numZoomLevels :22 ,
			restrictedExtent: restrictedExtent,
            //maxExtent: new OpenLayers.Bounds(-180, -90, 180, 90),
			//allOverlays : true
    };

	//初始化map对象
	this.map = new OpenLayers.Map('map',options);

但是在openlayers3中,由于没有直接的属性和接口使用,因此需要用别的方法。我用的方法就是在map的view对象中添加extent属性来限制。


map.setView(new ol.View({
			center: mapCenter,
			projection: this.projection,
			//extent : mapExtent,
			zoom: 18,
			minZoom: 16,
			maxZoom: 23,
			extent:[mapExtent[1]-0.0001,mapExtent[0]-0.0001,mapExtent[3]+0.0001,mapExtent[2]+0.0001]
		}));


相关文章:

  • 测试人员的职业修养
  • 批生产数据库
  • 彩色图像--色彩空间 HSI(HSL)、HSV(HSB)
  • java中Map,List与Set的区别
  • 利用print2flashsetup.exe文档转swf
  • poj 3254 Corn Fields 国家压缩dp
  • [实战]MVC5+EF6+MySql企业网盘实战(5)——登录界面,头像等比例压缩
  • [转]Java输入输出流的使用详细介绍
  • 《zw版·Halcon-delphi系列原创教程》 Halcon分类函数005·graphics-obj,基本绘图单元,包括线段、矩形、椭圆、圆形...
  • iOS app无launch screen.xib 对各个版本进行适配
  • iOS tintColor解析
  • 19/10/2015 晴 十点
  • GitHub Config文件中[user] [remote origin]的配置
  • Java Web 登录采用非对称加密(RSA算法)
  • DAG 的最短路径算法
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • [译] React v16.8: 含有Hooks的版本
  • C++11: atomic 头文件
  • CentOS 7 防火墙操作
  • Docker入门(二) - Dockerfile
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • JavaScript中的对象个人分享
  • Java的Interrupt与线程中断
  • js作用域和this的理解
  • overflow: hidden IE7无效
  • Puppeteer:浏览器控制器
  • Vue--数据传输
  • windows下mongoDB的环境配置
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 区块链技术特点之去中心化特性
  • 如何在 Tornado 中实现 Middleware
  • 使用Maven插件构建SpringBoot项目,生成Docker镜像push到DockerHub上
  • 试着探索高并发下的系统架构面貌
  • 探索 JS 中的模块化
  • 移动端 h5开发相关内容总结(三)
  • - 转 Ext2.0 form使用实例
  • elasticsearch-head插件安装
  • gunicorn工作原理
  • Unity3D - 异步加载游戏场景与异步加载游戏资源进度条 ...
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • ​2020 年大前端技术趋势解读
  • ​VRRP 虚拟路由冗余协议(华为)
  • #!/usr/bin/python与#!/usr/bin/env python的区别
  • (4)(4.6) Triducer
  • (6)添加vue-cookie
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (C语言)逆序输出字符串
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • (南京观海微电子)——I3C协议介绍
  • (三)centos7案例实战—vmware虚拟机硬盘挂载与卸载
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (小白学Java)Java简介和基本配置
  • (原)Matlab的svmtrain和svmclassify