<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. img 鼠标滑上后图片放大,滑下后图片复原
			
    <style type="text/css">img{ -webkit-transition: ease .2s; transition: ease .2s; -web ...
    
			
    2. 
						
  2. Java IO 理解流的概念
			
    Java IO 理解流的概念 @author ixenos 在理解流时首先理解以下概念 1.流的来源和去向一般在构造器指出 2.方法中的形参一般是将流输出到某个位置,读取(INPUT)流从流读出数据( ...
    
			
    3. 
						
  3. Android中GridView、ListView 的 getChildAt() 方法返回null  问题
			
    开发的Android app用到了GridView或者ListView,通常使用getChildAt(int position)方法获取当前点击或者选中的View(即position对应的View). ...
    
			
    4. 
						
  4. Android常用Permission
			
    位置相关: android.permission.WRITE_GSERVICES 允许程序修改Google服务地图(Allows an application to modify the Google ...
    
			
    5. 
						
  5. webapi中的扩展点
			
    Extension Points Web API provides extension points for some parts of the routing process. Interface  ...
    
			
    6. 
						
  6. Openjudge-计算概论（A）-称体重
			
    描述: 赵.钱.孙.李四个人中既有大人也有小孩,给他们称体重时发现,他们每个人的体重都不一样,且体重(单位:公斤)恰好是10的整数倍,且他们的体重都不高 于50公斤,已知赵.钱两人的体重之和恰好等于孙 ...
    
			
    7. 
						
  7. php随意笔记
			
    local(局部) global(全局)global 关键词用于访问函数内的全局变量.$GLOBALS[index] 的数组中存储了所有的全局变量.这个数组在函数内也可以访问,并能够用于直接更新全局变 ...
    
			
    8. 
						
  8. .Net_把文件数据添加到数据库中（面试题）
			
    一个文本文件含有如下内容: 4580616022644994|3000|赵涛 4580616022645017|6000|张屹 4580616022645090|3200|郑欣夏 上述文件每行为一个转 ...
    
			
    9. 
						
  9. shell小脚本工具合集
			
    1.将指定内容写入文件 echo "hello world" > file.txt echo "hello world" >> file.tx ...
    
			
    10. 
						
  10. git 免密码提交代码
			
    Linux或者Mac下方法: 创建文件,进入文件,输入内容: cd ~ touch .git-credentials vim .git-credentials https://{username}:{ ...
    
			
    11.