昨天接到项目经理的活:把页面上的flex形式的地图换成用openlayers形式展现。
因为对openlayers比较的陌生,所以立马去参照以前的项目,但是看完后发现了,以前的项目都是加载本地瓦片图层,我现在要直接加载ArcGIS中的WMS服务。现成的东西不能参考,只能到g.cn上找找资料了。
后来发现,openlayers提供了直接加载GIS的WMS服务图层,研究完例子,写下了下面的代码。测试可以显示所需要的地图。
/**
* 初始化
*/
var map;
initMap = function()
{
var opt = {
projection : new OpenLayers.Projection("EPSG:4326"),
units : "degrees",
maxResolution : 0.0439453125,
numZoomLevels : 6,
maxExtent : new OpenLayers.Bounds(117.8, 27, 123.4, 31.4),
controls : [new OpenLayers.Control.MouseToolbar()]
};
map = new OpenLayers.Map("mapdiv",opt);
var wms = new OpenLayers.Layer.WMS(
"zhejiang",
"http://rw-6d2c888d0cb1/arcgis/services/zhejiang/MapServer/WMSServer?",
{layers:'0,1,2,3,4,5'}
);
map.addLayer(wms);
map.zoomToMaxExtent(opt.maxExtent);
};
上面显示成蓝色字体的链接就是openlayers要访问的wms服务。至于原理或者openlayers整体的说明,我现在还没有理解透彻,研究一番之后再给大家上博客。
分享到:
相关推荐
OpenLayers 是一个流行的开源...通过理解WMS的工作原理、OpenLayers的API以及如何配置WMS图层,开发者可以创建出包含丰富地理信息的交互式地图。在实际应用中,可以根据需求进行定制和扩展,实现更多高级功能。
在OpenLayers中调用百度地图是一项常见的需求,特别是在构建Web GIS应用时,用户可能希望结合OpenLayers的强大功能和百度地图的丰富数据。OpenLayers是一个开源JavaScript库,用于创建交互式的地图应用,而百度地图...
运行修改后的OpenLayers示例,你将看到ArcGIS Server WMS服务提供的地图层被成功加载到网页中。如果想要添加更多图层,只需重复上述步骤,为每个图层调整相应的参数。 此外,OpenLayers还支持其他服务类型,如REST...
OpenLayers是一个开源的JavaScript库,它允许开发者在网页中嵌入地图,支持多种地图服务,包括WMS、WMTS等,并可与各种数据源集成。它的强大功能包括地图图层管理、缩放、平移、标记、测量等,使得地图应用的开发变...
OpenLayers 是一个流行...总之,通过OpenLayers加载ArcGIS发布的OGC WMS服务,可以让非ArcGIS用户利用丰富的ArcGIS地图数据,实现跨平台的地图应用。理解这些概念和实践操作,对于构建基于Web的地理信息系统至关重要。
在OpenLayers 3(简称ol3)中,切换WMS(Web Map Service)服务底图控件是一项重要的功能,它允许用户...通过学习和实践,你可以掌握在OpenLayers 3中创建和切换WMS服务底图控件的方法,为用户提供更加丰富的地图体验。
3. **OpenLayers与WMS交互**:OpenLayers是一个开源JavaScript库,用于构建交互式地图应用。它提供了与WMS服务器交互的能力,包括使用`getGetFeatureInfoUrl`方法来构造GetFeatureInfo请求。此方法适用于`ol.source....
总结来说,这个"openlayers发布离线地图DEMO"展示了如何使用OpenLayers库加载本地存储的瓦片数据,创建一个无需网络连接就能显示的地图应用。这对于那些需要在无网络环境或带宽有限的场合使用地图的应用场景非常有用...
4. 使用 OpenLayers 的 Map 对象,添加 WMS 层对象,并指定地图的中心点和缩放级别。 5. 最后,使用 OpenLayers 的 Map 对象,添加到 HTML 文件中,以便显示地图。 五、 Rest 服务 在 ArcGIS Server 中,还可以...
"OpenLayers2多地图联动"这个主题涉及到如何在同一个应用中同步显示和操作多个地图源,实现地图之间的交互。 在OpenLayers2中,多地图联动的核心是通过事件监听和处理来同步各个地图层的行为。例如,当用户在一张...
1. **创建地图实例**:首先,你需要创建一个OpenLayers地图实例,指定地图容器、投影、源(如WMS服务)和图层。 ```javascript var map = new ol.Map({ target: 'map', view: new ol.View({ center: [0, 0], ...
它支持多种数据源,包括WMS、WFS等,并且能够轻松地处理地图图层、控件、事件等。在这个主题中,我们将深入探讨如何利用OpenLayers加载本地切片,并实现高亮显示。 首先,我们需要理解什么是地图切片。地图切片是一...
4. **测试**: 完成上述配置后,重新加载你的OpenLayers应用,检查地图是否正常显示。如果仍然有问题,检查浏览器的开发者工具中的网络请求,看是否有跨域错误。 以上就是解决OpenLayers跨域访问问题的主要方法。...
它支持多种地图服务,包括WMS、WMTS等,同时也非常适合用来创建离线地图应用。本DEMO展示了如何利用OpenLayers来发布和展示离线地图瓦片数据。 离线地图的实现主要依赖于将在线地图数据预先下载并存储在本地,然后...
OpenLayers 是一个强大的开源JavaScript库,专用于在Web上创建交互式地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够轻松地集成地理信息系统(GIS)功能。OpenLayers 5是该库的一个较新版本,带来了许多...
OpenLayers 3通过构建不同的层(Layers)来展示地图内容,其中WMS层用于加载通过WMS协议获取的地图服务。创建一个WMS层需要指定服务URL、图层名以及服务版本等信息。例如: ```javascript var wmsLayer = new ol....
OpenLayers 3是一个强大的地图库,支持各种地图服务,包括WMS、WMTS等,并且具有丰富的地图控制和交互功能,如缩放、平移、旋转、图层切换等。在这个系统中,开发者利用OpenLayers 3的API创建了一个用户界面,使得...
在本文中,我们将探讨如何利用OpenLayers库来调用天地图的在线服务数据。天地图是由国家测绘局推出的中国地理信息公共服务平台,提供丰富的地图、地形等基础地理信息服务。其公开的服务接口允许开发者无需授权即可...
OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且可以轻松地与各种数据源集成。本教程将详细介绍如何使用OpenLayers加载在线天地图。 一、...
OpenLayers 3是一个流行的JavaScript库,用于在Web浏览器中显示地图;而GeoServer则是一个开源的GIS服务器,用于发布和操作地理空间数据。 首先,我们需要理解GeoServer的角色。GeoServer作为地图服务器,能够接收...