Discussion :

[cmail]

Page de test

Sous FF et IE (mais pas avec Chrome!), et sur grand écran (genre 1920*935), les tuiles à gauche se décalent. Voir copie d'écran ci-joint.

J'ai simplifié le code html de la page de test aussi toutes les fonctions JS ne sont pas opérationnelles.

Qu'en pensez-vous?

[mga_geo]

Bonjour Christian et bonne année !

Sur mon Windows XP/Firefox(25.0.1), la page s'affiche bien, je suis en 1680x1050.

[cmail]

Bonne année à toi aussi! Et à tous les autres lecteurs de ce forum!

C'est incroyable car ici sous 7/FF 25.0 ce décalage est systématique avec un écran 1920*935...

En fait, en y regardant de plus près, ce n'est pas la largeur de l'écran qui est le facteur déterminant, mais le ratio (lequel???) largeur/hauteur.

Comme j'affiche la carte avec une échelle fractionnée, il me semble que dans certains cas en rapport avec la taille de l'écran, les tuiles ne se juxtaposent pas bien.....

[mga_geo]

Je viens de faire des tests avec PhantomJS et effectivement le problème dépend du ratio : présent à 1920x950 mais absent à 1920x1000 par exemple.

PhantomJS est basé sur WebKit, ancien moteur de Chrome.

[sylvaingeo]

J'ai reproduit le cas sous chrome et firefox. Mais ça dépend vraiment de la taille de la fenêtre. Par exemple pour des dimensions voisines de : window.innerWidth = 1775 et window.innerHeight = 860.

La première colonne de dalles est décalée en x.
Les dalles font 299px de coté.
les 3 premières dalles sont placées respectivement à left= -231px, 25px (à 256px de la prédédente), 324px (à 299px de la précédente)

à une autre résolution les dalles font 292px de coté et sont respectivement placés à left= -225px, 31px, 323px
les 2 premières sont encore placées à 256px l'une de l'autre au lieu de 292px.

256px c'est la taille des dalles avant application de ton échelle fractionnée donc en effet celle-ci est mal appliquée.

J'ai d'abord pensé que ça venait de la façon de définir fractionalZoom mais même résultat en remplaçant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

viewer.getMap().fractionalZoom = true;

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

viewer.getMap().setOptions({fractionalZoom: true});

Ce qui est bizarre c'est que si après le chargement de la page j'exécute un setOptions (même avec un objet vide en paramètres) dans la console ça corrige le problème.

En fait, c'est un peu sale, mais si je rajoute ça à la fin de ta tambouille ça corrige :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout(function(){ viewer.getMap().setOptions({}); }, 2000);

Mais sans timeout ça ne sert à rien.

[cmail]

Bravo, vous avez su reproduire le bug qui n'est pas facile à mettre en évidence! A esperer que IGN s'y penche maintenant!

En fait, c'est un peu sale,

Un peu? Beaucoup oui! En effet, je ne suis pas un grand expert en JS! Mais à vous lire, j'apprends un peu...

[gcebelieu]

A esperer que IGN s'y penche maintenant!

Christian,

j'essayais de trouver un écran suffisamment grand pour reproduire ton bug et je n'avais pas pensé à utiliser phantomJS...

Avant que l'on ne pousse plus loin les investigations, est-ce que tu peux me dire si le bug se produit encore avec l'API 2.1.0 sur depot.ign.fr ? En effet, la gestion des tuiles a changé entre les versions 2.0 (OpenLayers 2.11) et 2.1 (OpenLayers 2.12) de l'API...

[cmail]

A première vue, et après quelques essais.... En allant chercher http://depot.ign.fr/geoportail/api/d...T/Geoportal.js il me semble bien que le bug a disparu, toute chose identique par ailleurs.

[gcebelieu]

Ouf, ça m'enlève une épine du pied