Openlayers访问GeoServer发布的地图服务
2016-04-11 16:04
751 查看
利用OpenLayers访问Geoserver发布的地图服务。
要访问Geoserver发布的地图,首先要确定访问的URL,方法是打开Geoserver,在LayerPreview中找到要访问的地图,单击该地图后面的OpenLayers,如下图所示
浏览器中的地址:
http://localhost/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=beijing&styles=&bbox=115.36945,39.41629,117.36931,41.08267&width=768&height=639&srs=EPSG:4326&format=application/openlayers
因此WMS的URL地址设置为http://localhost/geoserver/wms,后面的参数是以键值对的形式添加的,此处添加的是layers: “beijing”,代表请求的层(layer,翻译为层不知道准不准确)是名为beijing的层。
HTML代码如下:
访问效果如下
要访问Geoserver发布的地图,首先要确定访问的URL,方法是打开Geoserver,在LayerPreview中找到要访问的地图,单击该地图后面的OpenLayers,如下图所示
浏览器中的地址:
http://localhost/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=beijing&styles=&bbox=115.36945,39.41629,117.36931,41.08267&width=768&height=639&srs=EPSG:4326&format=application/openlayers
因此WMS的URL地址设置为http://localhost/geoserver/wms,后面的参数是以键值对的形式添加的,此处添加的是layers: “beijing”,代表请求的层(layer,翻译为层不知道准不准确)是名为beijing的层。
HTML代码如下:
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'/> <title>访问Geoserver发布的地图</title> <script type='text/javascript' src='OpenLayers.js'></script> <script type='text/javascript'> var map; function init() { //定义地图边界 var bounds= new OpenLayers.Bounds(115.36945,39.41629,117.36931,41.08267); var options = { projection: "EPSG:4326", center: new OpenLayers.LonLat(116.5, 39.5), }; map = new OpenLayers.Map('map',options); var wms_layer_map = new OpenLayers.Layer.WMS( 'BASE Layer', 'http://localhost/geoserver/wms', { layers:"beijing" } ); map.addLayer(wms_layer_map); map.addControl(new OpenLayers.Control.LayerSwitcher()); map.addControl(new OpenLayers.Control.MousePosition()); map.addControl(new OpenLayers.Control.ScaleLine()); map.addControl(new OpenLayers.Control.Scale); map.zoomToMaxExtent(bounds); } </script> </head> <body onload='init();'> <div id='map' style='width:1200px;height:639px;'> </div> </body> </html>
访问效果如下
相关文章推荐
- 有投过 Acta Tropica 的吗
- DPM Voc release 5在CentOS 6上运行
- 希尔(shell)排序原理分析及Java实现
- [学习OpenCV攻略][017][ARM9下移植OpenCV]
- 亿级高并发系统的监控与报警
- Linux系统信息查看命令
- 项目部署tomcat的常用3种方式
- linux学习笔记十四:安装SAMBA(Server Message Block)
- rd /s /q "D:\nginx-rtmp-sample-master"
- Linux Socket编程
- 变更mysql数据库文件目录 Linux
- Linux学习笔记之<hdparm命令>
- centos上手动编译安装tmux的问题
- 国外7个源代码/库搜索引擎网站
- 推荐一个压缩图片,但是品质影响不大的网站
- RedMine项目管理系统安装问题(Linux版一键安装包)
- Apache Spark学习(二)
- Linux基本命令和目录结构(转)
- CmakeList.txt学习 简单说明(PCL OpenCV 实例)
- Docker host debian8全配置