Hi,<div><br></div><div>I am trying to replicate this <a href="http://openlayers.org/dev/examples/light-basic.html">example</a>, but I am not able to get the PopUp for my OL. Any Idea what I am missing?</div><div><br></div>
<div>Here is the code,</div><div><br></div><div><div>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://niles.iplantcollaborative.org:8080/geoserver/wfs">http://niles.iplantcollaborative.org:8080/geoserver/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><span class="Apple-tab-span" style="white-space:pre"> </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div></div><div><br></div><div>map.addLayers([QuebecSpecies]);</div><div><br></div><div><div>var vector = new OpenLayers.Layer.Vector("VecPopInfo",{</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>eventListners:{</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>'featureselected' :function(event) {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var feature = event.feature;</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>var popup = new OpenLayers.Popup.FramedCloud("popInfo", map.getLonLatFromPixel(event.xy), null, "<div style='font-size:.8em'>Family: " + feature.attributes.Family +"<br>Species: " + feature.attributes.Species +"</div>", null, true);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>feature.popup = popup;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addPopup(popup);</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>'featureunselected':function(event){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var feature = event.feature;</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>map.removePopup(feature.popup);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>feature.popup.destroy();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>feature.popup = null;</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></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>vector.addFeatures(QuebecSpecies);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var selector = new OpenLayers.Control.SelectFeature(vector, {</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//clickout : true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hover:true,</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>autoActivate: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>map.addLayers([vector]);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>map.addControl(selector);</div></div><div><br></div><div><br></div><div><br clear="all"><div><br></div>-- <br>Thanks & Regards<div>Smaran Harihar</div>
<br>
</div>