[OpenLayers-Users] Fwd: Check and uncheck layers
Peter Dawn
petedawn at gmail.com
Wed May 27 00:24:38 EDT 2009
Hi Chris,
Am attaching my file. Could you please advise me on what could be
wrong here. if i check and uncheck layers, my layers are off. Thanks.
> <?xml version="1.0" encoding="UTF-8"?>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <title>Server</title>
> <link rel="stylesheet" type="text/css"
> href="script/OpenLayers-2.7/theme/default/style.css" />
> <!-- CSS definitions -->
> <style type="text/css">
> body {
> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size: small;
> }
> #toolbar {
> position: relative;
> padding-bottom: 0.5em;
> display: none;
> }
> #toolbar ul {
> list-style: none;
> padding: 0;
> margin: 0;
> }
> #toolbar ul li {
> float: left;
> padding-right: 1em;
> padding-bottom: 0.5em;
> }
> #toolbar ul li a {
> font-weight: bold;
> font-size: smaller;
> vertical-align: middle;
> color: black;
> text-decoration: none;
> }
> #toolbar ul li a:hover {
> text-decoration: underline;
> }
> #toolbar ul li * {
> vertical-align: middle;
> }
> #map {
> clear: both;
> position: relative;
> width: 1000px;
> height: 609px;
> border: 1px solid black;
> }
> #wrapper {
> width: 1000px;
> }
> #location {
> float: right;
> }
> #options {
> position: absolute;
> left: 13px;
> top: 7px;
> z-index: 3000;
> }
> #heading{
> font-family: Verdana;
> font-size:10px;
> font-weight:bold;
> }
> table.featureInfo,table.featureInfo td,table.featureInfo th {
> border: 1px solid #ddd;
> border-collapse: collapse;
> margin: 0;
> padding: 0;
> font-size: 90%;
> padding: .2em .1em;
> }
> table.featureInfo th {
> padding: .2em .2em;
> text-transform: uppercase;
> font-weight: bold;
> background: #eee;
> }
> table.featureInfo td {
> background: #fff;
> }
> table.featureInfo tr.odd td {
> background: #eee;
> }
> table.featureInfo caption {
> text-align: left;
> font-size: 100%;
> font-weight: bold;
> text-transform: uppercase;
> padding: .2em .2em;
> }
> #scale {
> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size: 11px;
> }
> #location {
> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size: 11px;
> }
> #panel {
> right: 0px;
> height: 30px;
> width: 200px;
> }
> #panel div {
> float: left;
> margin: 5px;
> }
> #paneldiv {
> height: 80px;
> }
> #paneldiv div {
> top: 0px;
> }
> </style>
>
> <script src="script/OpenLayers-2.7/OpenLayers.js"
> type="text/javascript">
> </script>
> <script defer="defer" type="text/javascript">
> var map;
>
> var tiled;
> var pureCoverage = false;
>
> OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
> OpenLayers.DOTS_PER_INCH = 25.4 / 0.28;
>
> function init(){
> format = 'image/gif';
> if(pureCoverage) {
> document.getElementById('filterType').disabled = true;
> document.getElementById('filter').disabled = true;
>
> document.getElementById('antialiasSelector').disabled = true;
>
> document.getElementById('updateFilterButton').disabled = true;
>
> document.getElementById('resetFilterButton').disabled = true;
> document.getElementById('jpeg').selected = true;
> format = "image/jpeg";
> }
>
> var bounds = new OpenLayers.Bounds(
> 140.0236751375, -39.395430580825,
> 150.4504429725, -33.704234722675
> );
>
> var options = {
> controls: [],
> maxExtent: bounds,
> maxResolution: 0.0407295618554688,
> projection: "EPSG:4326",
> units: 'degrees'
> };
>
> map = new OpenLayers.Map('map', options);
>
> var gphy = new OpenLayers.Layer.Google(
> "Physical View",
> {type: G_PHYSICAL_MAP}
> );
> var gmap = new OpenLayers.Layer.Google(
> "Street View", // the default
> {numZoomLevels: 20}
> );
> var gsat = new OpenLayers.Layer.Google(
> "Satellite View",
> {type: G_SATELLITE_MAP, numZoomLevels: 20}
> );
>
> var polygon = new OpenLayers.Layer.WMS(
> "LGA", "http://localhost:8080/geoserver/wms",
> {
> height: '609',
> width: '1000',
> layers: 'tr:POLYGON',
> styles: '',
> srs: 'EPSG:4326',
> transparent: 'TRUE',
> format: format,
>
>
> },
> {buffer:0,opacity: 0.5}
> );
>
> map.setBaseLayer(gmap);
> map.addLayers([gphy,gmap,gsat,polygon]);
>
> // build up all controls
>
> map.addControl(new OpenLayers.Control.Navigation());
>
>
> map.addControl(new OpenLayers.Control.LayerSwitcher());
>
>
>
> map.zoomToExtent(bounds);
>
> // support GetFeatureInfo
> map.events.register('click', map, function (e) {
> document.getElementById('nodelist').innerHTML =
> "Loading... please wait...";
> var params = {
> REQUEST: "GetFeatureInfo",
> EXCEPTIONS: "application/vnd.ogc.se_xml",
> BBOX: map.getExtent().toBBOX(),
> X: e.xy.x,
> Y: e.xy.y,
> INFO_FORMAT: 'text/html',
> QUERY_LAYERS: map.layers[0].params.LAYERS,
> FEATURE_COUNT: 50,
> Layers: 'tr:polygon',
> Styles: '',
> Srs: 'EPSG:4326',
> WIDTH: map.size.w,
> HEIGHT: map.size.h,
> format: format};
> updateFeatureInfoFilters(params);
>
> OpenLayers.loadURL("http://localhost:8080/geoserver/wms", params,
> this, setHTML, setHTML);
> OpenLayers.Event.stop(e);
> });
> }
>
>
>
>
> </script>
> </head>
> <body onload="init()">
> <div align="center" class="heading">Server</div><br>
> <div id="panel"></div><div id="paneldiv" class="olControlNavToolbar"></div>
> <div id="map"></div>
> <div id="wrapper">
>
> <div id="location" class="location"></div>
> <div id="scale" class="scale"></div>
> </div>
> <div id="nodelist"><em></em></div>
> <div id="docs"></div>
>
> </body>
>
> </html>
More information about the Users
mailing list