[OpenLayers-Users] Label mis-align with IE9

Tue May 31 03:02:38 EDT 2011

Hi Andreas,

thanks for your reply. I tried the same example, downloaded the HTML, 
added the HTML5 doctype (<!DOCTYPE HTML>), and tested in IE9. But still, 
the name: toto, age: 20 point label is still not cm - aligned - it's too 
high. I logged the renderer and it shows LOG: SVG,VML,Canvas - so I 
suppose as SVG comes first it is used as renderer. And the page 
concerned had already a HTML5 doctype ...
Another thing I noticed is that all line breaks are removed from the 
labels when I use the HTML5 doctype, even in the other browsers.
So I fear it is not as simple as adding a doctype.

Frank

Am 30.05.2011 16:26, schrieb Andreas Hocevar:
> Playing with http://openlayers.org/dev/examples/vector-features-with-text.html,
> it seems that IE 9 does not align labes well in VML, depending on
> doctype and compatibility mode. To make IE9 use the SVG renderer,
> which will fix the issue, you have to use the<!DOCTYPE HTML>  doctype.
>
> Andreas.
>
> On Mon, May 30, 2011 at 3:54 PM, Frank Broniewski<brfr at metrico.lu>  wrote:
>> Hi all,
>>
>> I noticed a problem with the label align in IE9. I have a style as follows:
>> var defaultStyle = new OpenLayers.Style(
>>     {
>>         'pointRadius' : '${radius}',
>>         'fillColor' : '#ff8200',
>>         'fillOpacity' : 1,
>>         'strokeColor' : '#fff',
>>         'strokeWidth' : 2,
>>         'cursor' : 'pointer',
>>         'label' : '${label}',
>>         'labelAlign' : 'cm',
>>         'fontColor' : 'white',
>>         'fontFamily' : 'sans-serif',
>>         'fontSize' : '12px',
>>         'fontWeight' : 'bold'
>>
>>     },
>>     {
>>         'context' : {
>>             'radius' : function(feature) {
>>                 if (feature.attributes.count>  1) {
>>                     return 8;
>>                 } else if (feature.attributes.count == 1) {
>>                     // check for custom num_clients attribute
>>                     if (feature.cluster[0].attributes.num_clients&&
>>                         feature.cluster[0].attributes.num_clients>  1) {
>>                             return 8;
>>                     }
>>                 }
>>                 return 6;
>>             },
>>             'label' : function(feature) {
>>                 if (feature.attributes.count>  1) {
>>                     return feature.attributes.count;
>>                 } else if (feature.cluster[0].attributes.num_clients&&
>>                            feature.cluster[0].attributes.num_clients>  1) {
>>                                 return
>> feature.cluster[0].attributes.num_clients;
>>                 }
>>                 return '';
>>             }
>>         }
>>     }
>> );
>>
>> It's a stylemap on a clustered vector layer and the label is misaligned in
>> IE9, it's not in center-middle as it is with firefox or other browsers. Is
>> this a known problem with IE? I suppose this is SVG related, so I really
>> have no clue what I can do. I'm using OL 2.10 ...
>> You can visit http://viaah.lu/adresse/clervaux/clervaux/streets/3/ for an
>> example
>>
>>
>> Many thanks
>>
>> Frank
>>
>>
>>
>> --
>> Frank BRONIEWSKI
>>
>> METRICO s.à r.l.
>> géomètres
>> technologies d'information géographique
>> rue des Romains 36
>> L-5433 NIEDERDONVEN
>>
>> tél.: +352 26 74 94 - 28
>> fax.: +352 26 74 94 99
>> http://www.metrico.lu
>> _______________________________________________
>> Users mailing list
>> Users at lists.osgeo.org
>> http://lists.osgeo.org/mailman/listinfo/openlayers-users
>>
>
>
>

-- 
Frank BRONIEWSKI

METRICO s.à r.l.
géomètres
technologies d'information géographique
rue des Romains 36
L-5433 NIEDERDONVEN

tél.: +352 26 74 94 - 28
fax.: +352 26 74 94 99
http://www.metrico.lu