<div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif">Hola a todos!</div><div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif">
<br></div><div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif">Estoy intentando hacer un web gis muy simple para poner en una página web de divulgación donde se visualice un mapa físico y unos yacimientos arqueológicos. He conseguido que se viese el basemap de google maps pero los yacimientos, provienen de una base de datos PostGIS, sólo se ven cuando el mapa base está en la máxima extensión. Además me gustaría que al clicar los yacimientos se viese la información en PostGIS de ellos, cual es el comando para ello? os copio el código html, serías muy amables si me ayudaseis!</div>
<div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif"><br></div><div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif">
Muchísimas gracias</div><div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif"><br></div><div style="color:rgb(34,34,34);font-size:13px;font-family:arial,sans-serif">
<div><!DOCTYPE html></div><div><html lang='en'></div><div><head></div><div><span style="white-space:pre-wrap"> </span><meta charset='utf-8' /></div><div><span style="white-space:pre-wrap"> </span> <title>NoGAP archaeological project</title></div>
<div><span style="white-space:pre-wrap"> </span><script type='text/javascript' src='OpenLayers.js'></script></div><div><span style="white-space:pre-wrap"> </span><script src="<a href="http://maps.google.com/maps/api/js?v=3.2&sensor=false" style="color:rgb(17,85,204)" target="_blank">http://maps.google.com/maps/api/js?v=3.2&sensor=false</a>"></script></div>
<div><span style="white-space:pre-wrap"> </span><style type="text/css"></div><div><span style="white-space:pre-wrap"> </span>#tituloPagina {</div><div><span style="white-space:pre-wrap"> </span>font-family: Verdana, calibri;</div>
<div><span style="white-space:pre-wrap"> </span>font-size: 1.2em;</div><div><span style="white-space:pre-wrap"> </span>font-weight: normal;</div><div><span style="white-space:pre-wrap"> </span>color: #FF696969;</div>
<div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span>body {</div><div> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;</div><div> font-size: small;</div>
<div> }</div><div><span style="white-space:pre-wrap"> </span>#map_element {</div><div> clear: both;</div><div> position: relative;</div><div> width: 1000px;</div><div> height: 491px;</div>
<div> border: ;</div><div> }</div><div><span style="white-space:pre-wrap"> </span> #wrapper {</div><div> width: 512px;</div><div> }</div><div> </div><div> #location {</div>
<div> float: middle;</div><div> }</div><div> </div><div> #options {</div><div> position: absolute;</div><div> left: 13px;</div><div> top: 7px;</div>
<div> z-index: 3000;</div><div> }</div><div><span style="white-space:pre-wrap"> </span> /* Styles used by the default GetFeatureInfo output, added to make IE happy */</div><div> table.featureInfo, table.featureInfo td, table.featureInfo th {</div>
<div> border: 1px solid #ddd;</div><div> border-collapse: collapse;</div><div> margin: 0;</div><div> padding: 0;</div><div> font-size: 90%;</div>
<div>
padding: .2em .1em;</div><div> }</div><div> </div><div> table.featureInfo th {</div><div> padding: .2em .2em;</div><div> text-transform: uppercase;</div>
<div> font-weight: bold;</div><div> background: #eee;</div><div> }</div><div> </div><div> table.featureInfo td {</div><div> background: #fff;</div>
<div> }</div><div> </div><div> table.featureInfo tr.odd td {</div><div> background: #eee;</div><div> }</div><div> </div><div> table.featureInfo caption {</div>
<div> text-align: left;</div><div> font-size: 100%;</div><div> font-weight: bold;</div><div> text-transform: uppercase;</div><div> padding: .2em .2em;</div>
<div> }</div><div><span style="white-space:pre-wrap"> </span></style></div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span><script type='text/javascript'></div>
<div><br></div><div><span style="white-space:pre-wrap"> </span>var map;</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>function init() {</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>var bounds = new OpenLayers.Bounds(</div><div><span style="white-space:pre-wrap"> </span>14000, 305900,</div><div>
<span style="white-space:pre-wrap"> </span>277000, 610500</div><div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>var overview = new OpenLayers.Control.OverviewMap({</div><div><span style="white-space:pre-wrap"> </span>size: new OpenLayers.Size(400, 200), </div><div><span style="white-space:pre-wrap"> </span>projection: new OpenLayers.Projection("EPSG:4326"),</div>
<div><span style="white-space:pre-wrap"> </span>units: "m", </div><div><span style="white-space:pre-wrap"> </span>maxResolution: 610, </div><div><span style="white-space:pre-wrap"> </span>maxExtent: bounds,</div>
<div><span style="white-space:pre-wrap"> </span>restrictedExtent: bounds</div><div><span style="white-space:pre-wrap"> </span>});</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>map = new OpenLayers.Map('map_element', {});</div>
<div><span style="white-space:pre-wrap"> </span>var gphy = new OpenLayers.Layer.Google(</div><div><span style="white-space:pre-wrap"> </span>"Google Physical",</div><div><span style="white-space:pre-wrap"> </span>{type: google.maps.MapTypeId.TERRAIN}</div>
<div><span style="white-space:pre-wrap"> </span>// used to be {type: G_PHYSICAL_MAP}</div><div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span>var gmap = new OpenLayers.Layer.Google(</div>
<div><span style="white-space:pre-wrap"> </span>"Google Streets", // the default</div><div><span style="white-space:pre-wrap"> </span>{numZoomLevels: 20}</div><div><span style="white-space:pre-wrap"> </span>// default type, no change needed here</div>
<div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span>var ghyb = new OpenLayers.Layer.Google(</div><div><span style="white-space:pre-wrap"> </span>"Google Hybrid",</div>
<div><span style="white-space:pre-wrap"> </span>{type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}</div><div><span style="white-space:pre-wrap"> </span>// used to be {type: G_HYBRID_MAP, numZoomLevels: 20}</div>
<div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span>var gsat = new OpenLayers.Layer.Google(</div><div><span style="white-space:pre-wrap"> </span>"Google Satellite",</div>
<div><span style="white-space:pre-wrap"> </span>{type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}</div><div><span style="white-space:pre-wrap"> </span>// used to be {type: G_SATELLITE_MAP, numZoomLevels: 22}</div>
<div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>var nogap = new OpenLayers.Layer.WMS(</div><div><span style="white-space:pre-wrap"> </span>'NoGAP Settlements',</div>
<div><span style="white-space:pre-wrap"> </span>'<a href="http://localhost:8080/geoserver/NoGAP_webgis/wms" style="color:rgb(17,85,204)" target="_blank">http://localhost:8080/geoserver/NoGAP_webgis/wms</a>',</div>
<div><span style="white-space:pre-wrap"> </span>{layers: 'NoGAP_webgis:NoGAP_Sites_oct2011',</div><div><span style="white-space:pre-wrap"> </span>tiled: true,</div><div><span style="white-space:pre-wrap"> </span>inRange: true,</div>
<div><span style="white-space:pre-wrap"> </span>format: "image/png",</div><div><span style="white-space:pre-wrap"> </span>displayOutsideMaxExtent: false,</div><div><span style="white-space:pre-wrap"> </span>singleTile: true,</div>
<div><span style="white-space:pre-wrap"> </span>transparent: true,<span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>maxExtent: bounds,</div><div><span style="white-space:pre-wrap"> </span>tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom,</div>
<div><span style="white-space:pre-wrap"> </span>transitionEffect: true},</div><div><span style="white-space:pre-wrap"> </span>{visibility: true, opacity:1},</div><div><span style="white-space:pre-wrap"> </span>{isBaseLayer:false}</div>
<div><span style="white-space:pre-wrap"> </span>);</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>map.addLayers([nogap, gphy, gmap, ghyb, gsat]);</div><div><span style="white-space:pre-wrap"> </span>map.addControl(new OpenLayers.Control.LayerSwitcher({}));</div><div>
<span style="white-space:pre-wrap"> </span>map.addControl(new OpenLayers.Control.Navigation());</div><div> map.addControl(new OpenLayers.Control.Scale($('scale')));</div><div><span style="white-space:pre-wrap"> </span>map.addControl (new OpenLayers.Control.Attribution());</div>
<div><span style="white-space:pre-wrap"> </span>map.addControl (new OpenLayers.Control.ArgParser());</div><div><span style="white-space:pre-wrap"> </span>map.addControl(new OpenLayers.Control.MousePosition({element: $('location')}));</div>
<div><span style="white-space:pre-wrap"> </span>map.addControl (overview);</div><div><span style="white-space:pre-wrap"> </span>if(!map.getCenter()){</div><div><span style="white-space:pre-wrap"> </span>map.zoomToMaxExtent();</div>
<div><span style="white-space:pre-wrap"> </span> map.setCenter(new OpenLayers.LonLat( 71,23 ).transform(</div><div><span style="white-space:pre-wrap"> </span> new OpenLayers.Projection("EPSG:4326"),</div>
<div><span style="white-space:pre-wrap"> </span> map.getProjectionObject()</div><div><span style="white-space:pre-wrap"> </span> ), 7);</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span>}</div><div><br></div><div><span style="white-space:pre-wrap"> </span></script></div>
<div></head></div><div><br></div><div><body onload='init();'></div><div><span style="white-space:pre-wrap"> </span><p id="tituloPagina">NoGAP archaeological survey</p></div><div>
<span style="white-space:pre-wrap"> </span><div id='map_element' style='width: 1000px; height: 500px;'></div>
<div><span style="white-space:pre-wrap"> </span></div></div><div></body></div><div></html></div></div><div><br></div>-- <br><font face="arial narrow, sans-serif" color="#333333">José Luis Mateos González</font><br>