`

OpenLayers基底图层和叠加图层区别

阅读更多
OpenLayers有多个不同的图层类,每一个都可以连接到不同的地图服务器。例如通过Layer.WMS类可以连接到WMS地图服务器,通过Layer.Google类可以连接到谷歌地图服务器。OpenLayers中的每个图层都是独立的,对一个的操作不会影响到另外一个。
不管地图应用的目的是什么,一个有用的地图至少需要有一个图层,至少一个基底图层。其他基底图层之上的图层称之为叠加图层。基底图层和叠加图层是OpenLayers中的两种图层类型。
基底图层
      基底图层在图层列表的最下方,其他图层都在其之上。其他图层的顺序可以改变,但是基底图层总是在叠加图层下面。默认情况下,添加到地图的第一个图层被认为是基底图层,然而可以通过设置图层的isBaseLayer为True,使之作为基底图层。有时,也有可能有多个基底图层,但是每次只有一个基底图层是活动的。当一个基底图层打开,其他的基底图层就要关闭。然而叠加图层不这样,打开或关闭一个叠加图层不会影响到其他叠加图层。这就像html中的radio按钮和checkbox,radio同时只能选择一个,而checkbox可以多选。
叠加图层
     不是基底图层的图层都称为叠加图层,叠加图层的顺序很重要,每次给地图添加图层,都会放到现有图层的上面。
创建图层
操作图层包括2步:
1.创建图层。
2.将图层添加到地图上。可以使用map.addLayer(layer)添加一个图层,也可以使用map.addLayers([layer1,layer2,…])添加一组图层。
下面来看一下如何创建图层。作为例子,这里创建一个基于WMS的图层,具体方法就是实例化Layer.WMS类,代码如下:
var wms_layer_map = new OpenLayers.Layer.WMS( 'Base layer', 'http://vmap0.tiles.osgeo.org/wms/vmap0', { layers: 'basic' }, { isBaseLayer: true } );
    OpenLayers.Layer.WMS的实例用来显示来自OGC网络地图服务的数据,使用OpenLayers.Layer.WMS构造函数创建一个新的WMS图层。下面来看一下OpenLayers.Layer.WMS的构造函数。
参数 描述
name {String} 图层的名称
url {String} 网络地图服务的Url(如:)
params {Object} 包含键值对(key:value)的匿名对象,指定WMS服务器返回地图图像的服务器端配置。
options {Object} 键值对匿名对象,指定图层的配置。
分享到:
评论

相关推荐

    OpenLayers图层组控制

    iClient for OpenLayers控制图层组显隐方式的实现步骤。 下载后直接运行目录下:example\示例\图层组控制.html(需要修改里面的服务地址url为自己发布的服务信息)

    openlayers 矢量图层注记

    openlayers 中利用矢量图层添加注记的示例。

    openlayers图层开关控件

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互...总的来说,OpenLayers的图层开关控件是构建GIS应用的重要组成部分,它使得用户能够更直观地管理和理解地图信息,提升了地图应用的交互性和用户体验。

    openlayers 编辑geoserver图层

    学习时,你需要理解OpenLayers的图层、控件和事件处理机制,以及GeoServer的WFS服务和数据管理。通过实践这些示例,你可以掌握如何在Web应用中实现地图的动态编辑功能。 总的来说,OpenLayers和GeoServer的结合提供...

    openlayers图层控制加入group layer功能

    开发时,有时候图层很多,需要有同时打开关闭多个图层的功能,但是正式版的layerSwitcher不支持group layer功能. 从网上搜到layerSwitcher的扩展,是在源代码里添加对grouplayer的操作和事件支持. 对layerSwitcher....

    OpenLayers实现图层切换控件

    在OpenLayers中,图层(Layer)是地图的基本组成单元,每个图层可以有自己的数据源(Source)和可见性设置。 要实现图层切换控件,我们需要做以下几步: 1. **创建图层**:在示例代码中,我们创建了三个不同的图层...

    openlayers3 获取点图层数据并添加标注和展示标注信息实例

    openlayers3 显示静态地图,从后台查询点数据(后台java代码没有提交,太简单了。。。)展示到地图并添加标注,给标注添加点击事件并展示标注信息,初次接触开源GIS,代码中有错误还请各位看官指正,感谢!

    Openlayers通过元素获取图层,通过点元素获取线元素

    Openlayers虽然提供了很多方法, 一般是从图层(Layer)获取获取元素(feature),或者从元素(Feature)获取坐标(Coordinate)。获取到的一般都是集合。但是想要反着通过元素(feature)获取图层(Layer).OL选择...

    openlayers编辑地图图层并保存到geoserver

    在GeoServer管理界面中,你需要创建一个新的数据源,指向包含地图数据的GIS文件(如Shapefile或PostGIS数据库),然后基于此数据源创建一个工作空间和图层。 标签中的"GIS"表示地理信息系统,这是一个广泛的概念,...

    openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件

    openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件,注释掉了大部分编码和坐标,使用时打开注释。

    ol-layerswitcher:OpenLayers的图层控制

    OpenLayers LayerSwitcher OpenLayer地图的分组图层列表控件。 要显示在LayerSwitcher图层中,应具有title属性; 基本层应将type属性设置为base 。 LayerGroup层( LayerGroup )可用于将图层可视地分组在一起; ...

    Openlayers2扩展markers图层

    3. **图层控制**:`OpenLayers.Layer.Markers`图层和其他图层一样,可以通过图层控制来管理。例如,可以使用`display`属性来控制图层的可见性,使用`setMap()`方法将其添加到地图实例中。 4. **事件处理**:...

    openlayers3添加闪烁点

    OpenLayers 是一个流行的JavaScript库,用于在Web浏览器中展示地图,支持多种数据源和丰富的交互功能。下面将详细介绍如何使用OpenLayers 3和Canvas技术来实现动态点闪烁的效果。 首先,我们需要理解OpenLayers 3的...

    Openlayer地图叠加瓦片

    // 如果需要叠加其他瓦片,只需再创建新的瓦片源和图层,然后添加到地图 ``` 在实际应用中,你可能还需要处理一些高级特性,如瓦片预加载、自定义瓦片大小、设置图层透明度、响应式设计等。OpenLayers提供了丰富的...

    Openlayers经典例子

    2. **图层叠加**:OpenLayers支持多图层叠加,可以将不同来源或类型的地图数据组合在一起显示。例如,你可以叠加卫星图层和地形图层,或者将GIS数据与公开地图服务结合。图层的透明度、可见性等都可以动态调整。 3....

    OpenLayers3实现图层控件功能

    在OpenLayers 3中,实现图层控件功能是一个关键的操作,这允许用户方便地查看和操作地图上的不同图层。虽然OpenLayers 3没有直接提供内置的图层控件,但通过其丰富的API,我们可以自定义实现这一功能。下面我们将...

    openlayers 鹰眼示例,包含图层选择

    以上就是OpenLayers中实现鹰眼示例及包含图层选择的基本流程和关键知识点。在实际开发中,可能还需要考虑性能优化、兼容性问题以及用户体验等因素。OpenLayers的灵活性和强大功能使其成为构建复杂地图应用的理想选择...

    OpenLayers地图要素tooltip[文字提示]

    2. **添加图层**:然后,向地图添加你需要展示的图层,如瓦片图层、WMS服务图层等。 ```javascript var layer = new ol.layer.Tile({ source: new ol.source.OSM() }); map.addLayer(layer); ``` 3. **创建...

    OpenLayers地图加入google图层

    OpenLayers地图加入google图层 OpenLayers google layer 自己可以用google账号登录申请特定域名的地图key.

Global site tag (gtag.js) - Google Analytics