使用geoserver的wms功能发布地图(多个图层)
2009-12-16 15:55
183 查看
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>调用geoserver发布好的图层</title>
<style type="text/css">
#map {
width: 800px;
height: 380px;
border: 1px solid black;
}
</style>
<script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js"
type="text/javascript">
</script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', options);
var options = {
controls: [new OpenLayers.Control.KeyboardDefaults()]
};
var wms = new OpenLayers.Layer.WMS("图层",
"http://localhost:8080/geoserver/wms",
{layers: "layTest"},options);
map.addLayer(wms);
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="map"></div>
</body>
</html>
以下是本人做的一个调用google 地图和 调用 geoserver使用wms发布的地图的例子
/Files/ycsfwhh/openLayerTest.rar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>调用geoserver发布好的图层</title>
<style type="text/css">
#map {
width: 800px;
height: 380px;
border: 1px solid black;
}
</style>
<script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js"
type="text/javascript">
</script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', options);
var options = {
controls: [new OpenLayers.Control.KeyboardDefaults()]
};
var wms = new OpenLayers.Layer.WMS("图层",
"http://localhost:8080/geoserver/wms",
{layers: "layTest"},options);
map.addLayer(wms);
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="map"></div>
</body>
</html>
以下是本人做的一个调用google 地图和 调用 geoserver使用wms发布的地图的例子
/Files/ycsfwhh/openLayerTest.rar
相关文章推荐
- openlayer调用geoserver发布的地图实现地图的基本功能
- 在JAVA中添加openlayer3的js包制作地图,使用geoserver发布地图,将发布的地图连接到网页中
- GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇
- 使用Geoserver(其实是Geowebcache) 发布本地的ArcGIS 切片地图
- 【转】GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇
- openlayer调用geoserver发布的地图实现地图的基本功能
- GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇
- 旋转geoserver发布的wms地图
- geoserver发布地图服务WMS
- GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇
- GeoServer中一个shape发布多个图层时出现调用空白的问题及解决办法
- Geoserver 谷歌栅格地图的使用 多级发布
- GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇
- geoserver发布地图服务WMS
- GeoServer基础教程(五):使用OpenLayers调用GeoServer发布的地图服务
- 使用GeoServer发布shp数据为WMS服务和WFS服务
- GeoServer地图开发解决方案(四):发布Web地图服务(WMS)篇(转)
- 使用geoserver发布地图
- GeoServer系列之 旋转geoserver发布的wms地图
- 如何使用GeoServer发布WMS服务