Hi Guys,<br><br>I am so tired of trying to over lay WFS. I am totally clueless. Have gone through probably all the sites and gis.Stack but all have the same code but it is not working for me?<br><br>I am not sure why is that the case. The firebug is giving me this error<br>

<br><font color="#ff0000">XMLHttpRequest cannot load <a href="http://localhost:8080/geoserver/wfs">http://localhost:8080/geoserver/wfs</a>. Origin <a href="http://localhost">http://localhost</a> is not allowed by Access-Control-Allow-Origin.</font><br>

<br>Here is my code,<br><br>&lt;body&gt;<br>        &lt;h1&gt;iPlant Map&lt;/h1&gt;<br>        &lt;div id=&quot;map-id&quot;&gt;&lt;/div&gt;<br>        &lt;script&gt;<br>            var map = new OpenLayers.Map(&quot;map-id&quot;);<br>

            var bio = new OpenLayers.Layer.WMS(<br>              &quot;bio11&quot;,<br>              &quot;<a href="http://localhost:8080/geoserver/iPlant/wms">http://localhost:8080/geoserver/iPlant/wms</a>&quot;,<br>              {layers: &#39;iPlant:bio11&#39;}<br>

            );<br>            var imagery = new OpenLayers.Layer.WMS(<br>                &quot;Global Imagery&quot;,<br>                &quot;<a href="http://maps.opengeo.org/geowebcache/service/wms">http://maps.opengeo.org/geowebcache/service/wms</a>&quot;,<br>

                {layers: &quot;bluemarble&quot;}<br>            );<br>            <br>            /*var QuebecSpecies = new OpenLayers.Layer.WMS(<br>              &quot;AllQuebecSpecies&quot;,<br>              &quot;<a href="http://localhost:8080/geoserver/iPlant/wms">http://localhost:8080/geoserver/iPlant/wms</a>&quot;,<br>

              {layers: &#39;iPlant:AllQuebecSpecies&#39;},<br>              {&#39;opacity&#39;: 0.4, &#39;isBaseLayer&#39;: false, &#39;visibility&#39;: true}<br>            );*/<br>            <br>            var QuebecSpecies = new OpenLayers.Layer.Vector(<br>

            &quot;AllQuebecSpecies&quot;,<br>            {<br>                strategies: [new OpenLayers.Strategy.Fixed()],<br>                projection: new OpenLayers.Projection(&quot;EPSG:4326&quot;),<br>                visibility: true,<br>

                protocol: new OpenLayers.Protocol.WFS({<br>                    version: &quot;1.1.0&quot;,<br>                    url: &quot;<a href="http://localhost:8080/geoserver/wfs">http://localhost:8080/geoserver/wfs</a>&quot;,<br>

                    featurePrefix: &#39;iPlant&#39;, //geoserver worspace name<br>                    featureType: &quot;iPlant:AllQuebecSpecies&quot;, //geoserver Layer Name<br>                    featureNS: &quot;<a href="http://geoserver.org/iPlant">http://geoserver.org/iPlant</a>&quot;, // Edit Workspace Namespace URI<br>

                    geometryName: &quot;the_geom&quot; // field in Feature Type details with type &quot;Geometry&quot;<br>                })<br>            });<br>            <br>            QuebecSpecies.refresh();<br>            map.addLayers([imagery, bio, QuebecSpecies]); //map.addLayers([imagery, bio, vectors]);<br>

            map.addControl(new OpenLayers.Control.LayerSwitcher());<br>            map.addControl(new OpenLayers.Control.MousePosition({element: $(&#39;location&#39;)}));<br>            map.events.register(&quot;mousemove&quot;, map, function(e) { <br>

                var latlon = map.getLonLatFromViewPortPx(e.xy) ;<br>                var lat = Math.round(latlon.lat);<br>                var lon = Math.round(latlon.lon);      <br>                OpenLayers.Util.getElement(&quot;location&quot;).innerHTML = &quot;The Latitude is &quot; + lat +<br>

        &quot; and the Longitude is &quot; + lon;<br>            <br>            <br>            map.zoomToMaxExtent();<br>        &lt;/script&gt;<br>        &lt;div id=&quot;location&quot;&gt;Position&lt;/div&gt;<br>&lt;/body&gt;<br>

<br>Please tell me where am I going wrong?<br><br>-- <br>Thanks &amp; Regards<br>Smaran Harihar