<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 = {"type":"FeatureCollection","total":data.photos.length,"features":[]};<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 < 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("photo_id",photo.photo_id).length===0){</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                                </span> feature = {"type":"Feature","geometry":{"type":"Point","coordinates":[photo.longitude, photo.latitude]},"properties":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> 'internalProjection': new OpenLayers.Projection('EPSG:900913'),</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">        </span> 'externalProjection': new OpenLayers.Projection('EPSG:4326')</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>