Hi guys,<div><br></div><div>Despite having re-installed the complete open-geo suite, I am still not able to obtain the PopUp. I have added the cgi-script according to the FAQ of OpenLayers but without any success.</div><div>
<br></div><div>What am I doing wrong? It seems that the XmlHttpRequest continues to persist (I think, because now that I am directly accessing it from the server, I am getting only warnings, like this,</div><div><font color="#ff0000">event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.</font>)</div>
<div><br></div><div>This is my entire code. You can access it as well by going to the following <a href="http://niles.iplantcollaborative.org/demo/geo/test/map.html">site</a>,</div><div><br></div><div><br></div><div><div>
<!DOCTYPE html></div><div><html></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><head></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><title>iPlant Map</title></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><style></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>#map-id {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>width: 1024px;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>height: 512px;</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span></style></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><script src="openlayers/lib/OpenLayers.js"></script></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><script type="text/javascript" src="<a href="http://maps.googleapis.com/maps/api/js?sensor=false&v=3.6">http://maps.googleapis.com/maps/api/js?sensor=false&v=3.6</a>"></script></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></head></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><body></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><h1>iPlant Map</h1></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><div id="map-id"></div></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><script></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>OpenLayers.ProxyHost = "/cgi-bin/proxy.cgi?url=";</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//OpenLayers.ProxyHost = "proxy.jsp?";</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var map = new OpenLayers.Map("map-id");</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>var bio = new OpenLayers.Layer.WMS("bio11", "<a href="http://niles.iplantcollaborative.org:8080/geoserver/wms">http://niles.iplantcollaborative.org:8080/geoserver/wms</a>", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>layers : 'bio11'</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>/*var QuebecSpecies = new OpenLayers.Layer.WMS("AllQuebecSpecies", "<a href="http://localhost:8080/geoserver/iPlant/wms">http://localhost:8080/geoserver/iPlant/wms</a>", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>layers : 'iPlant:AllQuebecSpecies',</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>transparent : true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}, {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>'isBaseLayer' : false</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});*/</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>var QuebecSpecies = new OpenLayers.Layer.WMS("All Quebec Species", "<a href="http://niles.iplantcollaborative.org:8080/geoserver/wms">http://niles.iplantcollaborative.org:8080/geoserver/wms</a>", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>layers : 'AllQuebecSpecies',</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>transparent : true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}, {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>'isBaseLayer' : false</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var pima = new OpenLayers.Layer.WMS("Pima Pines", "<a href="http://niles.iplantcollaborative.org:8080/geoserver/wms">http://niles.iplantcollaborative.org:8080/geoserver/wms</a>", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>layers : 'PimaPine',</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>transparent : true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}, {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>'isBaseLayer' : false</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var carib = new OpenLayers.Layer.WMS("Carribbean Pine", "<a href="http://niles.iplantcollaborative.org:8080/geoserver/wms">http://niles.iplantcollaborative.org:8080/geoserver/wms</a>", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>layers : 'CaribPine',</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>transparent : true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}, {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>'isBaseLayer' : false</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>var vector_layer = new OpenLayers.Layer.Vector('Editable Vectors');</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addLayers([bio, QuebecSpecies, pima, carib, vector_layer]);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>/*var QuebecSpecies = new OpenLayers.Layer.Vector("AllQuebecSpecies", {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>strategies : [new OpenLayers.Strategy.Fixed()],</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>projection : new OpenLayers.Projection("EPSG:4326"),</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>visibility : true,</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>protocol : new OpenLayers.Protocol.WFS({</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>version : "1.1.0",</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>url : "<a href="http://localhost:8080/geoserver/iPlant/wfs">http://localhost:8080/geoserver/iPlant/wfs</a>",</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>featurePrefix : 'iPlant', //geoserver worspace name</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>featureType : "AllQuebecSpecies", //geoserver Layer Name</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>featureNS : "<a href="http://geoserver-iPlant">http://geoserver-iPlant</a>", // Edit Workspace Namespace URI</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>geometryName : "the_geom" // field in Feature Type details with type "Geometry"</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>})</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>});*/</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addControl(new OpenLayers.Control.LayerSwitcher());</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addControl(new OpenLayers.Control.MousePosition({</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>element : $('location')</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}));</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addControl(new OpenLayers.Control.EditingToolbar(vector_layer));</div>
<div>
<span class="Apple-tab-span" style="white-space:pre"> </span>map.events.register("mousemove", map, function(e) {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//var position = this.events.getMousePosition(e);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//var position = OpenLayers.Control.MousePosition(e);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var latlon = map.getLonLatFromViewPortPx(e.xy);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>var lat = Math.round(latlon.lat);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var lon = Math.round(latlon.lon);</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>OpenLayers.Util.getElement("location").innerHTML = "The Latitude is " + lat + " and the Longitude is " + lon;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>info = new OpenLayers.Control.WMSGetFeatureInfo({</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>url : '<a href="http://niles.iplantcollaborative.org:8080/geoserver/iPlant/wms">http://niles.iplantcollaborative.org:8080/geoserver/iPlant/wms</a>',</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>title : 'Identify features by clicking',</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>queryVisible : true,</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>eventListeners : {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>getfeatureinfo : function(event) {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addPopup(new OpenLayers.Popup.FramedCloud("chicken", map.getLonLatFromPixel(event.xy), null, event.text, null, true));</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addControl(info);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>info.activate();</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//map.setCenter(center, 9);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>map.zoomToMaxExtent();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></script></div><div> <div id="location"></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>Position</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div></div><div><span class="Apple-tab-span" style="white-space:pre"> </span></body></div>
<div></html></div><div><br></div>-- <br>Thanks & Regards<div>Smaran Harihar</div><br>
</div>