<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. php 语音参考
			
    如果文件内容是纯 PHP 代码,最好在文件末尾删除 PHP 结束标记.这可以避免在 PHP 结束标记之后万一意外加入了空格或者换行符,会导致 PHP 开始输出这些空白,而脚本中此时并无输出的意图.   ...
    
			
    2. 
						
  2. OpenCV2.x自学笔记——自适应阈值
			
    adaptiveThreshold(src,dst, double maxValue, int adaptiveMethod, int thresholdType, int blockSize, do ...
    
			
    3. 
						
  3. 使用紧凑的序列化器，数倍提升性能 —— ESFramework 4.0 快速上手（11）
			
    在分布式通信系统中,网络传递的是二进制流,而内存中是我们基于对象模型构建的各种各样的对象,当我们需要将一个对象通过网络传递给另一个节点时,首先需要将其序列化为字节流,然后通过网络发送给目标节点,目标节 ...
    
			
    4. 
						
  4. LeetCode OJ 120. Triangle
			
    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...
    
			
    5. 
						
  5. hitTest:withEvent:方法流程
			
    此方法可实现点击穿透.点击下层视图功能. 一. hitTest:withEvent:调用过程 iOS系统检测到手指触摸(Touch)操作时会将其放入当前活动Application的事件队列,UIApp ...
    
			
    6. 
						
  6. 多线程---同步函数的锁是this（转载）
			
    class Ticket implements Runnable { private int tick = 100; Object obj = new Object(); boolean flag = ...
    
			
    7. 
						
  7. C++ socket programming in Linux
			
    Server.c #include <arpa/inet.h> #include <errno.h> #include <netinet/in.h> #includ ...
    
			
    8. 
						
  8. Mybatis批量更新数据
			
    转载:http://blog.csdn.net/tolcf/article/details/39213217 第一种方式 <update id="updateBatch" p ...
    
			
    9. 
						
  9. 虚拟机装的XP,无法上网,因为没有安装网卡驱动,怎么解决
			
    本帖可以解决2个问题: 问题1. 虚拟机装的XP,无法上网,因为没有安装网卡驱动,怎么解决 问题2. 怎么往Oracle VM VirtualBox里传输文件??????? 步骤: 一.在虚拟机的左上 ...
    
			
    10. 
						
  10. 1.0 Python 学习网站
			
    w3cschool : http://www.runoob.com/python/python-tutorial.html cnblog Python 从入门到精通:  http://www.cnbl ...
    
			
    11.