view与layer都可以进行显示内容的控制。这两者负责的功能是由区别的。

view即显示的地图容器,有以下几个属性:

center:[经度,纬度] ,对应的设置函数为view.setCenter()。。用于设置一个地图上的点,该点将显示在view中央。
zoom:放缩等级,对应的设置函数为view.setZoom()。一个地图可以有多个放缩等级,为view设置zoom,则会将地图放缩到对应的等级。通常是配合center来使用的。但注意必须在地图初始化后才能调用。
minZoom/maxZoom:最小/最大放缩等级。设置后,对view进行放缩,最小只能到minZoom,最大只能到maxZoom。否则可以无限缩小/放大。
extent:[左下角经度,左下角纬度,右上角经度,右上角纬度]。用于设置view的显示区域。一般来说,将地图放缩到合适等级,然后设置该等级下需要显示的地图区域即可,这样在移动地图的时候可以保证不会将地图偏移太远。关于显示区域,其含义是指始终显示在view中的区域。不在该范围内的区域随着地图的放缩和平移一样会被显示在view中。但在该范围内的区域,随着地图的放缩和平移,设置的显示区域边界一定会被显示在view中,是无法移出view之外的。例如,设置了赤道为左下角纬度,北回归线为右上角纬度。那么将view中的地图向上平移,最后整个北半球都会被移到view上方,但赤道会卡在view的最上边界处,无法继续上移。同理,将整个地图向下平移,最后北回归线会卡在view的下边界处。同时这个也跟调用的view.fit()有关。
layer这里指地图的底图。例如使用ol.layer.Tile()创建的layer。其重要的属性只有一个:extent。extent用于指定底图的显示区域。若指定的区域大于底图的区域,那么底图会完全显示;若指定的区域与底图之间没有重叠,那么底图不会被显示;若指定的区域与底图部分重叠,那么底图只显示重叠区域。

例如:

指定区域为[-180.0, 0.0, 180.0, 90.0]:

指定区域为山东的一部分:

---------------------
作者:超频化石鱼
来源:CSDN
原文:https://blog.csdn.net/fyyyr/article/details/82959393
版权声明:本文为博主原创文章,转载请附上博文链接!

OpenLayers的view与layer:控制显示内容的更多相关文章

  1. Jquery Mobile 让错误提示可在后台控制显示内容

    在jquery.mobile-1.4.5.min.js的5254行找到下面代码 return $.proxy(function( xhr, textStatus, errorThrown ) { 然后 ...

  2. View页面根据权限显示不同的内容

    1.View中根据权限显示相关操作按钮 @if (CoreTools.CheckAction(HttpContext.Current, "Delete"))        {    ...

  3. css控制文本内容显示省略号

    1,单行文字显示省略号 div{ width:200px; overflow:hideen; white-space:nowrap; text-overflow:ellipsis; } 2,多行文字显 ...

  4. 【转】shell脚本中echo显示内容带颜色

    shell脚本中echo显示内容带颜色显示,echo显示带颜色,需要使用参数-e.格式如下:   echo -e "\033[41;36m something here \033[0m&qu ...

  5. shell脚本中echo显示内容带颜色

    转自:http://www.cnblogs.com/lr-ting/archive/2013/02/28/2936792.html shell脚本中echo显示内容带颜色显示,echo显示带颜色,需要 ...

  6. python 全栈开发,Day126(创业故事,软件部需求,内容采集,显示内容图文列表,MongoDB数据导入导出JSON)

    作业讲解 下载代码: HBuilder APP和flask后端登录 链接:https://pan.baidu.com/s/1eBwd1sVXTNLdHwKRM2-ytg 密码:4pcw 如何打开APP ...

  7. css控制英文内容自动换行問題

    css控制英文内容自动换行 HTML: <!-- 因为要显示的内容是用户通过CMS添加进入数据库,再抓取出来前台显示的,所以你根本无法 控制每一行内容的长度. 所以我在显示内容的div设置了一个 ...

  8. weex 数据绑定,动态控制组件的显示内容及样式

    无论的原生开发还是weex开发,经常会需要我们对一些组件/控件动态赋值,在原生中,我们大家都知道,对控件setText就可以了,那么在weex中呢,我们需要怎么做呢,其实很简单,几行代码就可以搞定!首 ...

  9. 软件部需求,内容采集,显示内容图文列表,MongoDB数据导入导出JSON

    全局变量 由于多个html页面,需要引用同一个变量.这个时候,需要定义一个全局变量!如何定义呢? 默认包含了mui的html文件都导入mui.js文件.那么将变量写在mui.js中,就可以实现所有页面 ...

随机推荐

  1. Python自学:第四章 复制列表(1)

    # -*- coding: GBK -*- my_foods = ['pizza', 'falafel', 'carrot cake'] friend_foods = my_foods[:] prin ...

  2. Android android studio常用的一些快捷键以及常用权限

    android studio的常用快捷键:一.打印log:1.输入logt回车:  自动生成TAG的全局变量:private static final String TAG = "MainA ...

  3. bzoj1009题解

    [解题思路] 先KMP出fail数组,再用fail数组求出M[i][j],表示上一次匹配到第i位,这次可以遇到多少种不同的字符,使之转而匹配到第j位. 设集合S=[1,m]∩N 又设f[i][j]表示 ...

  4. js的线程和同步异步以及console.log机制

    项目上线了,闲下来就写写东西吧.积累了好多东西都没有做笔记~挑几个印象深刻的记录一下吧. js的同步异步以及单线程问题: 都知道单线程是js的一大特性.但是通常io(ajax获取服务器数据).用户/浏 ...

  5. 秒懂神经网络---BP神经网络具体应用不能说的秘密.

    秒懂神经网络---BP神经网络具体应用不能说的秘密 一.总结 一句话总结: 还是要上课和自己找书找博客学习相结合,这样学习效果才好,不能单视频,也不能单书 BP神经网络就是反向传播神经网络 1.BP神 ...

  6. 英语影视台词---The Professor

    英语影视台词---The Professor 一.总结 一句话总结: brilliant and liberty:厉害且自在 understand and forgive and not care:f ...

  7. (转)元类metaclass

    阅读目录 一 前言 二 什么是元类 三 class关键字创建类的流程分析 五 自定义元类控制类OldboyTeacher的创建 六 自定义元类控制类OldboyTeacher的调用 六 再看属性查找 ...

  8. MySQL数据库中,将一个字段的值分割成多条数据显示

    本文主要记录如何在MySQL数据库中,将一个字符串分割成多条数据显示. 外键有时是以字符串的形式存储,例如 12,13,14 这种,如果以这种形式存储,则不能直接与其他表关联查询,此时就需要将该字段的 ...

  9. C++中的指针(*)、引用(&)、const详解(一、定义变量)

    一.前言 本人作为一个工作了5年的程序员,程序生涯最初是从c/c++开始的,但是始终不能很熟悉的理解c语言中的指针和c++中的引用,归其原因,一部分自己没有静下心来思考,一部分原因是其自身的复杂性. ...

  10. 笔记:Python实现二分查找

    def search(sequence, number, lower=0, upper=None): if upper is None: upper = len(sequence) - 1 if lo ...