<font>I checked if styling has anything to do with it.</font><div><font>If I dont set any styling, leave default style, then features get rendered properly.</font></div><div><font><br></font></div><div><font>this is the styl I use</font></div>
<div><font><br></font></div><div><font><div><b><span class="Apple-tab-span" style="white-space:pre">        </span>var style = function(){</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>var defaultStyle = new OpenLayers.Style({</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                        </span>cursor:&quot;pointer&quot;,</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span>graphicHeight: &quot;14&quot; ,</b></div><div>
<b><span class="Apple-tab-span" style="white-space:pre">                        </span>graphicWidth : &quot;14&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>externalGraphic: &quot;imgs/panoramio-marker.png&quot;,</b></div>
<div><b>        <span class="Apple-tab-span" style="white-space:pre">        </span>graphicZIndex: 999</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>selectStyle = new OpenLayers.Style({</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                        </span>graphicZIndex: 1001,</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span>graphicHeight: &quot;22&quot;,</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                        </span>graphicWidth : &quot;22&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>}),</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>myStyle = new OpenLayers.StyleMap({</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                                </span>&#39;default&#39;: defaultStyle,</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">                                </span>&#39;select&#39;: selectStyle</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">                </span>});<span class="Apple-tab-span" style="white-space:pre">                </span></b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre">        </span>    return myStyle;</b></div><div><b><span class="Apple-tab-span" style="white-space:pre">        </span>};<span class="Apple-tab-span" style="white-space:pre">        </span></b></div>
<div><br></div><div><b><span class="Apple-tab-span" style="white-space:pre">        </span>app.panoramio.layer.styleMap = style();</b></div></font><div><br></div>FYI:<b> </b>
panoramio-marker.png is a 18px X 18px png file.</div><div><br></div><div><br></div><div>Any ideas ?</div><div><br></div><div><br></div><div>ricardo</div><div><br></div><div><br></div><div><br><div class="gmail_quote">2012/4/25 Ricardo Bayley <span dir="ltr">&lt;<a href="mailto:ricardo.bayley@gmail.com" target="_blank">ricardo.bayley@gmail.com</a>&gt;</span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><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 style="white-space:pre-wrap">                </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 style="white-space:pre-wrap">                                        </span></b></div>

<div><b><span style="white-space:pre-wrap">                </span> for(i=0; i &lt; data.photos.length; i++){</b></div><div><b><span style="white-space:pre-wrap">                        </span> photo = data.photos[i];</b></div>
<div><b><br></b></div><div><b><span style="white-space:pre-wrap">                        </span> if(lyr.getFeaturesByAttribute(&quot;photo_id&quot;,photo.photo_id).length===0){</b></div><div><b><span style="white-space:pre-wrap">                                </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 style="white-space:pre-wrap">                                </span> GeoJSON.features.push(feature);<span style="white-space:pre-wrap">                                                        </span> </b></div><div><b><span style="white-space:pre-wrap">                        </span> }</b></div>
<div><b><span style="white-space:pre-wrap">                </span> };</b></div><div><b><br></b></div><div><b><span style="white-space:pre-wrap">                </span>// Reproject</b></div><div><b><span style="white-space:pre-wrap">                </span>var format = new OpenLayers.Format.GeoJSON({</b></div>

<div><b><span style="white-space:pre-wrap">        </span>        &#39;internalProjection&#39;: new OpenLayers.Projection(&#39;EPSG:900913&#39;),</b></div><div><b><span style="white-space:pre-wrap">        </span>        &#39;externalProjection&#39;: new OpenLayers.Projection(&#39;EPSG:4326&#39;)</b></div>

<div><b><span style="white-space:pre-wrap">                </span>}),</b></div><div><b><span style="white-space:pre-wrap">                </span>f = format.read(GeoJSON);</b></div><div><b><span style="white-space:pre-wrap">                </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>
</blockquote></div><br></div>