<div>Hi everyone,</div><div><br></div><div>I am trying to load Panoramios pictures. It works great on every browser but in IE6, 7, 8 and IE9 compatibility mode features are not place properly.</div><div>Location is shifted. If I select any feature and show the popup, then popup is shown in the correct X,Y location.</div>
<div><br></div><div>This is the code I user to load panoramios json to the OpenLayers.Layer.Vector class</div><div><br></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>var lyr = app.panoramio.layer, photo, feature, GeoJSON = {&quot;type&quot;:&quot;FeatureCollection&quot;,&quot;total&quot;:data.photos.length,&quot;features&quot;:[]};<span class="Apple-tab-span" style="white-space:pre">                                        </span></b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                </span> for(i=0; i &lt; data.photos.length; i++){</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span> photo = data.photos[i];</b></div>
<div><b><br></b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span> if(lyr.getFeaturesByAttribute(&quot;photo_id&quot;,photo.photo_id).length===0){</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                                </span> feature = {&quot;type&quot;:&quot;Feature&quot;,&quot;geometry&quot;:{&quot;type&quot;:&quot;Point&quot;,&quot;coordinates&quot;:[photo.longitude, photo.latitude]},&quot;properties&quot;:photo};</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                                </span> GeoJSON.features.push(feature);<span class="Apple-tab-span" style="white-space:pre">                                                        </span> </b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span> }</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                </span> };</b></div><div><b><br></b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>// Reproject</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>var format = new OpenLayers.Format.GeoJSON({</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">        </span>        &#39;internalProjection&#39;: new OpenLayers.Projection(&#39;EPSG:900913&#39;),</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">        </span>        &#39;externalProjection&#39;: new OpenLayers.Projection(&#39;EPSG:4326&#39;)</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                </span>}),</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>f = format.read(GeoJSON);</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>lyr.addFeatures(f);</b></div>
<div><b><br></b></div><div>Any ideas why is this happening ? Is there a workaround ?</div><div>What I dont understand is I have other GeoJSON vector layers which load correctly in every browser.</div><div>Could this have anything to do with styling ?</div>
<div><br></div><div><br></div><div>best regards,</div><div><br></div><div><br></div><div>Ricardo</div>