<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. C socket指南
			
    1.介绍 Socket 编程让你沮丧吗?从man pages中很难得到有用的信息吗?你想跟上时代去编Internet相关的程序,但是为你在调用 connect() 前的bind() 的结构而不知所措? ...
    
			
    2. 
						
  2. hdu_5324_Boring Class(cdq分治+树状数组)
			
    题目链接:hdu_5324_Boring Class 题意: 给出n个二维点对,求LIS长度和编号字典序最小的LIS(x非增,y非减) 题解: dp[i]=max(dp[j]) (i>j,l[i ...
    
			
    3. 
						
  3. JS的一些常见验证代码
			
    1//檢查空串  2function isEmpty(str){  3 if((str == null)||(str.length == 0)) return (true);  4 else retu ...
    
			
    4. 
						
  4. webpack-hot-middleware 用于 livereload
			
    https://github.com/glenjamin/webpack-hot-middleware Webpack hot reloading using only webpack-dev-mid ...
    
			
    5. 
						
  5. Multidimensional Arrays
			
    Overview An array having more than two dimensions is called a multidimensional array in the MATLAB®  ...
    
			
    6. 
						
  6. VS中调试时监控线程的最后错误代码
			
    进行调试的时候,监控线程的最后错误代码是非常有用的. 在 Microsoft Visual studio 中,Microsoft 的调试程序支持一个非常有用的特性,即可以配置 Watch 窗口,以便始 ...
    
			
    7. 
						
  7. OAuth流程
			
    简介 OAuth是一种协议,OAuth协议为用户资源的授权提供了一个安全的.开放而又简易的标准 第三方若想访问用户资源,就必须遵守服务提供商实现的OAuth协议 OAuth授权的步骤(新浪微博为例)  ...
    
			
    8. 
						
  8. css3字体
			
    1.定义个性化字体 @font-face{ font-family:字体名字; src:字体地址,可以多写几个用逗号隔开兼容浏览器 } div{ font-family:字体名字/*使用字体*/ }  ...
    
			
    9. 
						
  9. iOS的一些关键字
			
    最近在使用Swift的过程中,感觉到苹果公司为了迎合Swift,在Objective-C中添加了许多关键字.这些关键字一般用来用来修饰属性,或者方法的参数以及方法的返回值等等.而在以前的Objecti ...
    
			
    10. 
						
  10. db2安装要设置tcp、ip
			
    1.注册表变量DB2COMM是否已经设置了值,是什么级别的?db2set -all | grep -i "DB2COMM" (in unix like os)db2set -all ...
    
			
    11.