<body>
    <div id="map"></div>
    <script>
        var map=new ol.Map({
            target:"map",
            layer:[],
            view:new ol.View({
                center:[0,0],
                zoom:2
            })
            //control:new control.defaults().extend([
            //  new ol.control.FullScreen()
            // ])
        })
        var tilelayer=new ol.layer.Tile({
            source:new ol.source.OSM()
        });
        map.addLayer(tilelayer);
        var overviewMapControl=new ol.control.OverviewMap({
            layer:[
                    new ol.layer.Tile({
                        source:new ol.source.OSM({
                            "url":"http://{a-c}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png"
                        })
                    })
            ],
            collapseLabel:"\u00BB",//鹰眼展开时功能按钮上的标识
            label:"\u00AB",//鹰眼折叠时功能按钮上的标识
            collapsed:false//初始为展开显示方式
        });
        var fullScreen=new ol.control.FullScreen();//openlayer 3 仅支持IE最新版本（IE 11+）
        map.addControl(fullScreen);
        map.addControl(overviewMapControl);

												


											
OpenLayer 3 鹰眼控件和全屏显示的更多相关文章
	

    
								
  1. C# WinForm中 让控件全屏显示的实现代码
		
    夏荣全 ( lyout(at)163.com )原文 C#中让控件全屏显示的实现代码(WinForm) 有时候需要让窗口中某一块的内容全屏显示,比如视频播放.地图等等.经过摸索,暂时发现两种可行方法, ...
    
		
    2. 
						
  2. CAD全屏显示控件
		
    主要用到函数说明: MxDrawXCustomFunction::Mx_FullScreen 全屏显示控件,详细说明如下: 参数 说明 int iFull = 2 0: 不完屏,1:全屏,2:自动切换 ...
    
		
    3. 
						
  3. Android Studio gridview 控件使用自定义Adapter, 九宫格items自适应全屏显示
		
    先看效果图,类似于支付宝首页的效果.由于九宫格显示的帖子网上已经很多,但是像这样九宫格全屏显示的例子还不是太多.本实例的需求是九宫格全屏显示,每个子view的高度是根据全屏高度三等分之后自适应高度,每 ...
    
		
    4. 
						
  4. QT5中全屏显示子窗口和取消全屏的方法
		
    问题描述:用QT5做了个MDI多窗体应用程序,想把子窗体全屏显示,用网上的方法,但总是遇到问题. 网上的解决方法原文在这:http://www.cnblogs.com/Rick-w/archive/2 ...
    
		
    5. 
						
  5. QT中关于窗口全屏显示与退出全屏的实现
		
    近期在学习QT时遇到了很多问题这也是其中一个,个人通过在各种书籍和网络上的查阅找到了一些关于这方面的答案,希望能给大家一些帮助. 首先,在QT中对于窗口显示常用的有这么几个方法可以调用: Qt全屏显示 ...
    
		
    6. 
						
  6. Qt on Android：让 Qt Widgets 和 Qt Quick  应用全屏显示
		
    Android 系统版本号非常多,较新的 4.4 ,较老的 2.3 ,都有人用. Qt on Android 开发的 Android 应用.默认在 Android 设备上是非全屏的. 而有些应用的需求 ...
    
		
    7. 
						
  7. JavaScript实现全屏显示
		
    <!doctype html> <html> <head> <title>全屏显示</title> <meta charset=&qu ...
    
		
    8. 
						
  8. Android Activity 去掉标题栏及全屏显示
		
    默认生成的活动(Activity)界面中包含标题栏,并带有状态栏.有时不需要这两个控件. 1.去掉标题栏 (三种方法) a:在setContentView()方法前 添加:requestWindowF ...
    
		
    9. 
						
  9. JavaScript：让浏览器全屏显示
		
    并不是所有人都会按F11让浏览器全屏显示~~~ 一.直接上代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 2、Spring的 IoC详解（第一个Spring程序）
			
    Spring是为了解决企业应用开发的复杂性而创建的一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架.在这句话中重点有两个,一个是IoC,另一个是AOP.今天我们讲第一个IoC. IoC概念 ...
    
			
    2. 
						
  2. Where is the python library installed?
			
    configure: error: Could not link test program to Python. Maybe the main Python library has been inst ...
    
			
    3. 
						
  3. Gentoo安装详解（四）-- 声卡设置
			
    硬件检测 To choose the right driver, first detect the used audio controller. You can use lspci for this  ...
    
			
    4. 
						
  4. jQuery 事件 - bind() 方法
			
    定义和用法 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 实例1(一个事件) 记得把js引用地址换掉 当点击鼠标时,隐藏或显示 p 元素: <html&g ...
    
			
    5. 
						
  5. NOIP2010-普及组复赛模拟试题-第一题-手机
			
    题目背景 Background 现在手机使用越来越广泛了  题目描述 Description 一般的手机的键盘是这样的:   要按出英文字母就必须要按数字键多下.例如要按出 x 就得按 9 两下,第一 ...
    
			
    6. 
						
  6. UILabel设置富文本格式显示
			
    实例化方法和使用方法 实例化方法: 使用字符串初始化 - (id)initWithString:(NSString *)str; 例: NSMutableAttributedString *Attri ...
    
			
    7. 
						
  7. GetWindowRect和GetClientRect的异同
			
    由于项目需要,需要学习CGridCtrl控件的使用,测试控件时发现了一个问题,我无法将控件放在对话框的制定位置. 该问题的原因很容易发现,其实就是GetWindowRec()函数和GetClientR ...
    
			
    8. 
						
  8. 基于ZooKeeper的分布式Session实现
			
    1．   认识ZooKeeper ZooKeeper—— “动物园管理员”.动物园里当然有好多的动物,游客可以根据动物园提供的向导图到不同的场馆观赏各种类型的动物,而不是像走在原始丛林里,心惊胆颤的被 ...
    
			
    9. 
						
  9. java代理的深入浅出(三)-JavaAssist，ASM
			
    简介 类似字节码操作方法还有ASM.几种动态编程方法相比较,在性能上Javassist高于反射,但低于ASM,因为Javassist增加了一层抽象.在实现成本上Javassist和反射都很低,而ASM ...
    
			
    10. 
						
  10. Android截图命令screencap
			
    查看帮助命令 bixiaopeng@bixiaopeng ~$ adb shell screencap -v screencap: invalid option -- v usage: screenc ...
    
			
    11.