博客
关于我
WebGIS(PostgreSQL+GeoServer+Open…
阅读量:191 次
发布时间:2019-02-28

本文共 1018 字,大约阅读时间需要 3 分钟。

数据在GeoServer中配置好之后,可以HTML代码编写OpenLayers的WMS的请求服务。编写好之后,可以在浏览器上查看地图。

地理数据在OpenLayers上显示

用到的HTML代码:

 

   

        #map {

            width: 800px;

            height: 434px;

            border: 1px solid black;

        }

   

 type="text/javascript">                                                                                                                                    

   

        function init(){

          var map = new OpenLayers.Map('map', {controls:[], 'projection':

              'EPSG:4326', 'units':'degrees'});          

          OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;

        

          // setup tiled layer

          var bounds = new OpenLayers.Bounds(70.56262702941892,

              16.39964122772222,137.82589988708528,55.32298831939698)

          var tiled = new OpenLayers.Layer.WMS(

            "topp:china", "http://localhost:8080/geoserver/wms",

            {

              srs: 'EPSG:4326',

              width: '800',

              styles: '',

              height: '434',

              layers: 'topp:china',

              format: 'image/png', tiled: 'true', tilesOrigin :

              "70.56262702941892,16.39964122772222"

            },

            {maxExtent: bounds, maxResolution: 0.26274715960025924, projection:

             "EPSG:4326", buffer: 0}

          );

          map.addLayer(tiled);

 

            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);

            map.addControl( new OpenLayers.Control.PanZoomBar() );

            map.addControl( new OpenLayers.Control.LayerSwitcher() );           

        }

   

 

 

   

 

 

转载地址:http://qmpj.baihongyu.com/

你可能感兴趣的文章
Nginx keepalived一主一从高可用,手把手带你一步一步配置!
查看>>
Nginx Location配置总结
查看>>
Nginx log文件写入失败?log文件权限设置问题
查看>>
Nginx Lua install
查看>>
nginx net::ERR_ABORTED 403 (Forbidden)
查看>>
vue中处理过内存泄露处理方法
查看>>
Nginx RTMP 模块使用指南
查看>>
Nginx SSL 性能调优
查看>>
nginx ssl域名配置
查看>>
Nginx SSL私有证书自签,且反代80端口
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 做负载均衡的几种轮询策略分析
查看>>