- 浏览: 177486 次
- 性别:
- 来自: 西安
文章分类
- 全部博客 (163)
- POI (8)
- Collection容器 (1)
- java.util (2)
- java调用批处理 (1)
- xml (1)
- jfreechart (3)
- SVN (1)
- tomcat中文 (1)
- jquery (6)
- Log4j (1)
- ppt (1)
- js (48)
- ss (1)
- 综合 (1)
- Spring (2)
- 数据库 (6)
- tomcat (1)
- commons-lang包使用 (1)
- AJAX【Jquery】 (3)
- RMI (2)
- OpenLayers (25)
- html (20)
- css (25)
- Google地图 (2)
- java (1)
- Ibatis (1)
- GoogleMaps (1)
- J2EE (2)
- 软件设计 (1)
- 服务器 (1)
- html5 (4)
- cursor (1)
- AngularJs (5)
- 缓存 (1)
- 构建 (2)
- 域名、空间、服务器 (1)
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中的两种图层类型。
基底图层
基底图层在图层列表的最下方,其他图层都在其之上。其他图层的顺序可以改变,但是基底图层总是在叠加图层下面。默认情况下,添加到地图的第一个图层被认为是基底图层,然而可以通过设置图层的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} 键值对匿名对象,指定图层的配置。
发表评论
-
Opanlayers用LineString画多边形
2014-09-24 00:26 1343<!DOCTYPE html> <htm ... -
OpenLayers地图联动
2014-09-23 22:27 1011地图联动 -
OpenLayers 选中元素弹框
2014-05-25 23:26 2459写道 http://www.openlayers.org ... -
困扰我的关于OpenLayers的问题终于解决了:
2014-04-15 13:45 1697原因: 添加标记的时候需要加上中扩号-> map.ad ... -
OpenLayers结合Googlemaps中的Tips
2014-04-01 21:29 1386<%@ page language="ja ... -
改变OpenLayers缩放工具条位置以及大小
2014-03-25 23:49 1614<script type="text/ ... -
geometry类和feature类
2013-10-17 02:14 1359我们上面的章节一直使用的都是feature,但是featur ... -
OpenLeyers矢量图层及矢量元素整合操作
2013-10-14 00:43 1684<%@ page language="java ... -
设置地图缩放控件位置
2013-10-13 22:53 1045map.addControl(new OpenLayers.C ... -
控制地图与div的占据区域【目标:让地图默认占满展现区】
2013-10-13 22:48 1073方法: 设置map的options,由其中两个因 ... -
创建OpenLayers地图步骤
2013-10-13 10:51 1358为地图添加绘制点、线、面步骤: 1、无可厚非对地图进行操作 ... -
获取OpenLayers画图控件画过的图形顶点
2013-10-13 04:18 1879在你使用画图工具画图的时候,画的图会作为你的vlayer的一个 ... -
包含多个图层、缩放条、工具条、鼠标位置、弹出窗口
2015-04-10 01:09 1537<style type="text/css ... -
OpenLayers例子解析
2013-09-22 01:26 3196抽点时间从OpenLayers官方网站上找些例子具体解释一下M ... -
鼠标点击添加标记
2013-09-22 00:58 2081//点击一个标注按钮的事件,该方法的作用就是启用添加标注事件 ... -
Maker-shadow
2013-09-22 00:30 901<%@ page language="jav ... -
Marker(mousedown)
2013-09-22 00:29 957<%@ page language="jav ... -
OpenLayers>Marker>events(click/mousedown)【地图中标记的事件】
2013-09-22 00:19 2106<%@ page language="jav ... -
OpenLayers创建地图
2015-04-10 01:09 650<html> <head> <m ... -
OpenLayers画多边形
2013-09-19 18:54 2957<!DOCTYPE html> <htm ...
相关推荐
iClient for OpenLayers控制图层组显隐方式的实现步骤。 下载后直接运行目录下:example\示例\图层组控制.html(需要修改里面的服务地址url为自己发布的服务信息)
openlayers 中利用矢量图层添加注记的示例。
OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互...总的来说,OpenLayers的图层开关控件是构建GIS应用的重要组成部分,它使得用户能够更直观地管理和理解地图信息,提升了地图应用的交互性和用户体验。
学习时,你需要理解OpenLayers的图层、控件和事件处理机制,以及GeoServer的WFS服务和数据管理。通过实践这些示例,你可以掌握如何在Web应用中实现地图的动态编辑功能。 总的来说,OpenLayers和GeoServer的结合提供...
开发时,有时候图层很多,需要有同时打开关闭多个图层的功能,但是正式版的layerSwitcher不支持group layer功能. 从网上搜到layerSwitcher的扩展,是在源代码里添加对grouplayer的操作和事件支持. 对layerSwitcher....
在OpenLayers中,图层(Layer)是地图的基本组成单元,每个图层可以有自己的数据源(Source)和可见性设置。 要实现图层切换控件,我们需要做以下几步: 1. **创建图层**:在示例代码中,我们创建了三个不同的图层...
openlayers3 显示静态地图,从后台查询点数据(后台java代码没有提交,太简单了。。。)展示到地图并添加标注,给标注添加点击事件并展示标注信息,初次接触开源GIS,代码中有错误还请各位看官指正,感谢!
Openlayers虽然提供了很多方法, 一般是从图层(Layer)获取获取元素(feature),或者从元素(Feature)获取坐标(Coordinate)。获取到的一般都是集合。但是想要反着通过元素(feature)获取图层(Layer).OL选择...
在GeoServer管理界面中,你需要创建一个新的数据源,指向包含地图数据的GIS文件(如Shapefile或PostGIS数据库),然后基于此数据源创建一个工作空间和图层。 标签中的"GIS"表示地理信息系统,这是一个广泛的概念,...
openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件,注释掉了大部分编码和坐标,使用时打开注释。
OpenLayers LayerSwitcher OpenLayer地图的分组图层列表控件。 要显示在LayerSwitcher图层中,应具有title属性; 基本层应将type属性设置为base 。 LayerGroup层( LayerGroup )可用于将图层可视地分组在一起; ...
3. **图层控制**:`OpenLayers.Layer.Markers`图层和其他图层一样,可以通过图层控制来管理。例如,可以使用`display`属性来控制图层的可见性,使用`setMap()`方法将其添加到地图实例中。 4. **事件处理**:...
OpenLayers 是一个流行的JavaScript库,用于在Web浏览器中展示地图,支持多种数据源和丰富的交互功能。下面将详细介绍如何使用OpenLayers 3和Canvas技术来实现动态点闪烁的效果。 首先,我们需要理解OpenLayers 3的...
// 如果需要叠加其他瓦片,只需再创建新的瓦片源和图层,然后添加到地图 ``` 在实际应用中,你可能还需要处理一些高级特性,如瓦片预加载、自定义瓦片大小、设置图层透明度、响应式设计等。OpenLayers提供了丰富的...
2. **图层叠加**:OpenLayers支持多图层叠加,可以将不同来源或类型的地图数据组合在一起显示。例如,你可以叠加卫星图层和地形图层,或者将GIS数据与公开地图服务结合。图层的透明度、可见性等都可以动态调整。 3....
在OpenLayers 3中,实现图层控件功能是一个关键的操作,这允许用户方便地查看和操作地图上的不同图层。虽然OpenLayers 3没有直接提供内置的图层控件,但通过其丰富的API,我们可以自定义实现这一功能。下面我们将...
以上就是OpenLayers中实现鹰眼示例及包含图层选择的基本流程和关键知识点。在实际开发中,可能还需要考虑性能优化、兼容性问题以及用户体验等因素。OpenLayers的灵活性和强大功能使其成为构建复杂地图应用的理想选择...
2. **添加图层**:然后,向地图添加你需要展示的图层,如瓦片图层、WMS服务图层等。 ```javascript var layer = new ol.layer.Tile({ source: new ol.source.OSM() }); map.addLayer(layer); ``` 3. **创建...
OpenLayers地图加入google图层 OpenLayers google layer 自己可以用google账号登录申请特定域名的地图key.