[OpenLayers-Users] Label mis-align with IE9
Andreas Hocevar
ahocevar at opengeo.org
Tue May 31 11:04:49 EDT 2011
Hi, you can now try
http://openlayers.org/dev/examples/vector-features-with-text.html,
which was just updated to use the correct DOCTYPE.
Please report back if you're still seeing issues.
Andreas.
On Tue, May 31, 2011 at 4:43 PM, Andreas Hocevar <ahocevar at opengeo.org> wrote:
> Hi,
>
> On Tue, May 31, 2011 at 4:10 PM, Frank Broniewski <brfr at metrico.lu> wrote:
>> Hi Andreas,
>>
>> I just took
>> http://openlayers.org/dev/examples/vector-features-with-text.html and added
>> the doctype:
>> <!DOCTYPE HTML>
>> <html xmlns="http://www.w3.org/1999/xhtml">
>
> This is invalid - a HTML doctype with an xhtml document. I bet this
> confuses browsers. Instead, use
>
> <!DOCTYPE html>
> <html>
>
> Andreas.
>
>> ...
>>
>> and in the JS I added a console
>> ...
>> renderer = (renderer) ? [renderer] :
>> OpenLayers.Layer.Vector.prototype.renderers;
>> console.log(renderer);
>> ...
>> but I uploaded an example at
>> http://www.gis-hosting.lu/static/tmp/doctype.html
>> .
>> I'm testing with IE9 32bit Mode on Windows 7 Professional 64bit, if that's
>> of any importance.
>> All line breaks are removed from the text and the label align of the name:
>> toto age: 20 label is still too high in IE9. The line breaks are also in all
>> other browsers (Opera, Firefox, Safari and Chrome) missing.
>>
>>
>> Many thanks
>>
>> Frank
>>
>>
>>
>>
>> Am 31.05.2011 09:33, schrieb Andreas Hocevar:
>>>
>>> Hi,
>>>
>>> the issues you describe sound like there is something weird going on
>>> in your application code. If you can provide a simplified example that
>>> shows the issue, I'll give it a look.
>>>
>>> Andreas.
>>>
>>> On Tue, May 31, 2011 at 9:02 AM, Frank Broniewski<brfr at metrico.lu> wrote:
>>>>
>>>> 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
>>>> _______________________________________________
>>>> 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
>>
>
>
>
> --
> Andreas Hocevar
> OpenGeo - http://opengeo.org/
> Expert service straight from the developers.
>
--
Andreas Hocevar
OpenGeo - http://opengeo.org/
Expert service straight from the developers.
More information about the Users
mailing list