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. [翻译]windows下 连接到 bitnami的phpmyadmin

    bitnami 因为安全考虑,只能 localhost 访问 phpmyadmin 为了能通过SSH 隧道访问 phpMyAdmin,你需要一个ssh 客户端.参考文章介绍使用中选择使用 PuTTY, ...

  2. 【JZOJ6409】困难的图论

    description 给定由 n 个点 m 条边组成的无向连通图,保证没有重边和自环. 你需要找出所有边,满足这些边恰好存在于一个简单环中.一个环被称为简单环,当且仅当它包含的所有点都只在这个环中被 ...

  3. JAVA C 数据类型对应

    { Java—C和操作系统数据类型的对应表 Java Type C Type Native Representation boolean int 32-bit integer (customizabl ...

  4. NX二次开发-UFUN信息窗口打印UF_UI_write_listing_window

    NX9+VS2012 #include <uf.h> #include <uf_ui.h> UF_initialize(); //方法1(uc1601) uc1601();// ...

  5. scrapy爬取cnblogs文章列表

    scrapy爬取cnblogs文章 目标任务 安装爬虫 创建爬虫 编写 items.py 编写 spiders/cnblogs.py 编写 pipelines.py 编写 settings.py 运行 ...

  6. PAT_A1064#Complete Binary Search Tree

    Source: PAT A1064 Complete Binary Search Tree (30 分) Description: A Binary Search Tree (BST) is recu ...

  7. 20140320 roc曲线 sizeof

    1.roc曲线 http://www.zhizhihu.com/html/y2012/4076.html 2.using namespace std的缺点:程序中定义一个变量cout会被误认为是std ...

  8. sql实现查询某个字段在哪个表里 及结构是什么

    ) --数据库名 ) set @dbname2='aab' select @str = ' SELECT 表名=d.name,字段名=a.name,序号=a.column_id, 标识=is_iden ...

  9. java笔试之查找组成一个偶数最接近的两个素数

    任意一个偶数(大于2)都可以由2个素数组成,组成偶数的2个素数有很多种情况,本题目要求输出组成指定偶数的两个素数差值最小的素数对. package test; import java.util.Sca ...

  10. java内存模型和垃圾回收

    摘抄并用于自查 JVM内存模型 1. Java程序具体执行的过程: Java源代码文件(.java后缀)会被Java编译器编译为字节码文件(.class后缀) 由JVM中的类加载器加载各个类的字节码文 ...