<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:"pointer",</b></div><div><b><span class="Apple-tab-span" style="white-space:pre"> </span>graphicHeight: "14" ,</b></div><div>
<b><span class="Apple-tab-span" style="white-space:pre"> </span>graphicWidth : "14", <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: "imgs/panoramio-marker.png",</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: "22",</b></div><div><b><span class="Apple-tab-span" style="white-space:pre"> </span>graphicWidth : "22" <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>'default': defaultStyle,</b></div>
<div><b><span class="Apple-tab-span" style="white-space:pre"> </span>'select': 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"><<a href="mailto:ricardo.bayley@gmail.com" target="_blank">ricardo.bayley@gmail.com</a>></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 = {"type":"FeatureCollection","total":data.photos.length,"features":[]};<span style="white-space:pre-wrap"> </span></b></div>
<div><b><span style="white-space:pre-wrap"> </span> for(i=0; i < 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("photo_id",photo.photo_id).length===0){</b></div><div><b><span style="white-space:pre-wrap"> </span> feature = {"type":"Feature","geometry":{"type":"Point","coordinates":[photo.longitude, photo.latitude]},"properties":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> 'internalProjection': new OpenLayers.Projection('EPSG:900913'),</b></div><div><b><span style="white-space:pre-wrap"> </span> 'externalProjection': new OpenLayers.Projection('EPSG:4326')</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>