OpenLayers的目标是成为Web GIS 客户端开发提供的JavaScript 类库包,用于实现包括MapServer、GeoServer等WebGIS服务器使用标准格式发布的地图数据访问。

OpenLayers 3 是 OpenLayers 的新版本,是对OpenLayers 2的重写,许多地方都有了改变。本文简单疏理了一下OpenLayers 3的图层体系,方便在开发过程中管理图层(添加、删除、显示控制),在临时图层上添加自己的要素(方便在查询、定位、绘图等功能中使用),其他的结构在本篇幅中并不涉及。

框架

OpenLayers 3是一个JavaScript的类库,对象的创建、方法调用符合JavaScript标准,因此对象的调用和其他常见的JavaScript调用一致。

地图(Map)

Map是显示地图用的,同时也是最大的容器,里面可以加载各种类型的图层,以及一些控件,如缩放、比例尺、鹰眼等,从而构成我们常见的地图界面。这种结构和ArcGIS的webapi结构体系也是相同的(相信其他的平台也应该是类似的,只接触过这两个)。

图层(Layer)

图层数据源

支持种类比较多:wms、wmts、geojson、图片等等可以百度搜一下。

子图层

Ol.layer.Image:加载图片样式的图层,例如png等;

Ol.layer.Tile:瓦片图层,用于加载瓦片图(根据显示级别对各级进行切片后的图层),例如wmts等;

Ol.layer.Vector:用于加载矢量图,同时可做临时图层用(比如绘制的点、线、面等),也可以是图标等要素,也可以是查询后的要素。

openlayer 图层上下_OpenLayers 3 的图层体系结构相关推荐

  1. openlayer 图层上下_OpenLayers实现图层切换控件

    OpenLayers并没有封装图层切换的控件,所以我们需要自己来实现图层控件. 自定义图层切换控件的原理很简单:显示某个图层时,将其他图层隐藏. 完整代码: layerSwitch.html: 图层切 ...

  2. ArcGIS JS先添加动态图层,再添加切片图层后不显示

    场景: 现在要在一个地图上添加动态服务图层和切片服务图层,当创建好图层之后,使用map.addLayer()方法,先把动态图层加到地图上,再把切片图层加到地图上,出现一个现象:只能看到加载的动态图层, ...

  3. 背景图层和普通图层的区别_ps:图层有多少种类?我已经列出来了,学不学就看你自己了...

    哈喽,大家好.我是小新疆,今天给大家分享Photoshop不同的图层功能知识. 图层分类:背景图层,文字图层,形状图层,普通图层,填充与调整图层,剪切蒙版图层等 分享是一种美德,关注是一种鼓励!如果小 ...

  4. CAD绘图设计中怎样删除CAD图层?怎样清理CAD图层文件?

    我们平时在设计图纸的时候,有的时候,也经常会遇到图层繁多,需要处理的情况,那么图层少的话,我们可以一个一个的进行删除清理,如果图层多了该怎么办?那今天小编就给大家详细的解说一下遇到这种情况,我们到底该 ...

  5. arcgis新建图层信息复制_怎么在arcgis中把一个图层复制到另一个图层上

    如何把图层A的线性要素L复制到图层B?1.图层A.B的shapfile文件需要放在同一个文件夹D中,且B要包含A的要素类型(如L是线性要素,图层B就要有线性要素).2.Arcmap操作界面的左侧&qu ...

  6. ArcGIS线图层转面图层后,使面图层拥有线图层的属性

    使用Spatial Join工具 如下图所示将线图层和面图层加载进去 点击OK,面图层就会拥有线图层中的属性了~

  7. ps怎么一下选中多个图层_巧影多图层,photoshop中怎么同时选中两个或多个图层?...

    photoshop中怎么同时选中两个或多个图层? 材料2113/工具:ps软件 1.打开ps软件如5261图 2.进入后点4102击新建文件如图1653 3.多建几个图层如图 4.首先点击选中一个图层 ...

  8. 合并图层和拼合图稿,锁定与解锁图层,显示与隐藏图层,剪切蒙版,了解图层样式面板,创建图形样式,编辑图形样式

    合并图层和拼合图稿:先创建两个图层,然后选择两个图层,点击,选择合并所选图层.拼合图稿是点击需要拼合到的图层,,选择拼合图稿.就可以拼合在一起了. 锁定与解锁图层:就是锁住图层和不锁图层 显示与隐藏图 ...

  9. 图层php,ps中的图层是什么意思

    ps中的图层类似于含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果.我们可以透过图层的透明区域看到下面的图层. Photoshop图层就如同堆叠在一起的透明纸.您可以透过 ...

最新文章

  1. 【指标统计】MsgProxy消息代理配置
  2. Java:封装的概念,UML类图,构造方法,this关键字,static关键字,方法重载,包package
  3. (转)Android 常用 adb 命令总结
  4. GridView RowCommand事件中取得當前行
  5. c# 两个数的加减乘除
  6. 实战手记:让百万级数据瞬间导入SQL Server
  7. [转载]堆排序(HeapSort) Java实现
  8. “语音识别”服务人类
  9. 开学季Web渗透测试工程师精英班“第5期”来袭,加入即永久观看!
  10. mysql 分区原理_mysql 原理~ 分区表
  11. 数据库设计遵循的原则
  12. c++写一个函数验证哥德巴赫猜想
  13. 470Ω排阻阻值测量
  14. JSP界面——背景图片
  15. ArcGIS三大文件格式解析
  16. npm官网注册账号失败
  17. 沪漂大专程序员,一边跟刘畊宏健身,一边拿22k的offer
  18. java银行新核心业务有哪些_银行核心业务系统性能测试
  19. 你好 Ethereum Rio, 欢迎来到区块链操作系统的世界
  20. NFT自由人数字艺术藏品有收藏价值吗?

热门文章

  1. c语言利用fun求最小值,c语言:请编写函数fun(),他的功能是:求f(0)到f(50)的最小值,已知:f(0)=f(1)=1,f(2)=0,f...
  2. php 生成等比例缩略图,PHP实现原比例生成缩略图的方法
  3. springboot细节挖掘(知识积累)
  4. RecycleView嵌套滑动机制
  5. Unity面试题精选(1)
  6. OpenShift Security (6) - 用网络图可视化网络访问策略
  7. WPF——自动关闭无模式窗口
  8. Visual Studio Code 1.45 发布
  9. ManyToManyField的注意事项和如何建立索引
  10. pythondd_一些PYTHON :D:D:D