Leaflet: Le contenu de la carte se déplace lors du zoom

Créé le 26 nov. 2015 · 9Commentaires · Source: Leaflet/Leaflet

Mon application de test simple (créée avec V1 beta2) a un comportement de zoom étrange : lors d'un zoom arrière, le polygone dessiné se déplace vers le sud-est et revient à sa position correcte lorsque l'opération de zoom se termine. Lors d'un zoom avant, le polygone dessiné se déplace vers le nord-ouest et revient à sa position correcte lorsque l'opération de zoom se termine.

voici mon application :

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  maxZoom: 18,
  attribution: "&copy; <a href='http://openstreetmap.org/copyright'>OpenStreetMap</a> contributors"
}).addTo(map);
var polygon = L.polygon([
  [51.509, -0.08],
  [51.503, -0.06],
  [51.51, -0.047]
]).addTo(map);

J'ai publié l'application sur testmapw.meteor.com, jetez un œil...
Si je remplace la V1.0.0 beta2 par la V0.7.3, tout est à nouveau ok.

Source

willemx

Commentaire le plus utile

Désolé, je sais que c'est fermé, mais j'ai également rencontré ce problème. Mon problème était dû à l'utilisation de l'ancien fichier css (0.7.3) au lieu de l'actuel (1.0.3). J'espère que cela aide quelqu'un.

tc33133 le 27 avr. 2017

👍13 ❤3 🚀2

Tous les 9 commentaires

Impossible de reproduire en beta2.

http://playground-leaflet.rhcloud.com/waj/edit?html , sortie

IvanSanchez le 26 nov. 2015

Avez-vous essayé testmapw.meteor.com ?

willemx le 26 nov. 2015

Oui, mais si je ne peux pas reproduire le bogue dans un environnement minimal contrôlé, je dois supposer que ce n'est pas un problème dans le noyau de Leaflet.

De plus, je ne peux pas savoir ce qui se passe sur votre page Web, car tout le JS est minifié et je ne peux pas suivre l'exécution du code.

IvanSanchez le 26 nov. 2015

Merci d'avoir examiné cela ! Je comprends votre position.
Je voudrais déboguer moi-même alors; J'ai juste besoin de quelques conseils sur comment/par où commencer.
J'ai créé une application Meteor minimale (https://www.meteor.com/) à l'aide d'un package de météores qui enveloppe la bibliothèque de brochures V1Beta2 : https://atmospherejs.com/bevanhunt/leaflet et je l'ai déployée sur maptestw.meteor.com.
Cela montre l'erreur comme vous l'avez vu.
Si je remplace simplement le package de la bibliothèque de brochures par une version plus ancienne (V0.7.3), l'erreur disparaît.
J'ai également informé l'auteur du package de ce problème (https://github.com/bevanhunt/meteor-leaflet/issues/61) et il soupçonne que cela pourrait avoir à voir avec "le jeu de tuiles n'ayant pas été complètement chargé"
Pourriez-vous m'indiquer une direction pour vérifier cela ou me donner d'autres conseils pour commencer le débogage ?

willemx le 26 nov. 2015

Je ne sais pas si ces informations ont une quelconque valeur pour diagnostiquer le problème, mais si je définis { zoomAnimation: false } pour la carte, le mouvement de contenu erratique a disparu (mais hélas, aussi l'animation :{ )...

willemx le 27 nov. 2015

tc33133 le 27 avr. 2017

👍13 ❤3 🚀2

Vous m'avez aidé @tc33133 , merci !

ayozebarrera le 22 mai 2017

Cher @tc33133 , quel fichier css avez-vous mis à jour ?

jdoblas le 29 juin 2017

J'utilisais la version hébergée et je n'ai pas mis à jour le lien de la feuille de style.
IE j'utilisais

exécutant la version 1.0.3, j'aurais donc dû utiliser

Si vous suivez les instructions pour utiliser la version hébergée ici http://leafletjs.com/download.html, tout devrait bien se passer.

tc33133 le 29 juin 2017

👍3

Cette page vous a été utile?

0 / 5 - 0 notes