WebGIS(PostgreSQL+GeoServer+OpenLayers)之三 OpenLayers客户端

发布时间：2020-12-13 17:59:42 所属栏目：百科来源：网络整理

导读：地图数据在GeoServer中配置好之后，可以HTML代码编写OpenLayers的WMS的请求服务。编写好之后，可以在浏览器上查看地图。地理数据在OpenLayers上显示用到的HTML代码： html xmlns="http://www.w3.org/1999/xhtml" head style. type="text/css" #map { widt

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

地理数据在OpenLayers上显示

用到的HTML代码：

<head>

#map {

width: 800px;

height: 434px;

border: 1px solid black;

}

</style>

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() );

}

</script>

</head>

</body>

</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!