Leaflet: O conteúdo do mapa se move ao aplicar zoom

Criado em 26 nov. 2015 · 9Comentários · Fonte: Leaflet/Leaflet

Meu aplicativo de teste simples (criado com V1 beta2) tem um comportamento estranho de zoom: ao diminuir o zoom, o polígono desenhado se move para sudeste e retorna à sua posição correta quando a operação de zoom termina. Ao aumentar o zoom, o polígono desenhado se move para noroeste e retorna à sua posição correta quando a operação de zoom termina.

este é meu aplicativo:

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);

Publiquei o aplicativo em testmapw.meteor.com, dê uma olhada ...
Se eu substituir V1.0.0 beta2 por V0.7.3, tudo ficará bem novamente.

Fonte

willemx

Comentários muito úteis

Desculpe, sei que está fechado, mas também encontrei este problema. Meu problema era devido ao uso do arquivo css antigo (0.7.3) em vez do atual (1.0.3). Espero que isso ajude alguém.

tc33133 em 27 abr. 2017

👍13 ❤3 🚀2

Todos 9 comentários

Não é possível reproduzir em beta2.

http://playground-leaflet.rhcloud.com/waj/edit?html , saída

IvanSanchez em 26 nov. 2015

Você tentou testmapw.meteor.com?

willemx em 26 nov. 2015

Sim, mas se não consigo reproduzir o bug em um ambiente mínimo controlado, devo assumir que não é um problema no núcleo do folheto.

Além disso, não posso saber o que está acontecendo em sua página da Web, pois todo o JS está reduzido e não consigo rastrear a execução do código.

IvanSanchez em 26 nov. 2015

Obrigado por olhar para isso! Eu entendo sua posição.
Eu gostaria de depurar isso sozinho então; Só preciso de alguns conselhos sobre como / por onde começar.
Fiz um aplicativo Meteor mínimo (https://www.meteor.com/) usando um pacote de meteoros que envolve a biblioteca do folheto V1Beta2: https://atmospherejs.com/bevanhunt/leaflet e implantei em maptestw.meteor.com.
Isso mostra o erro como você viu.
Se eu apenas substituir o pacote da biblioteca de folhetos por uma versão mais antiga (V0.7.3), o erro desaparece.
Notifiquei o autor do pacote sobre este problema também (https://github.com/bevanhunt/meteor-leaflet/issues/61) e ele suspeita que pode ter a ver com "o conjunto de blocos não foi totalmente carregado"
Você poderia me indicar uma direção para verificar isso ou me dar algum outro conselho para começar a depurar isso?

willemx em 26 nov. 2015

Não tenho certeza se essa informação tem algum valor para diagnosticar o problema, mas se eu definir {zoomAnimation: false} para o mapa, o movimento errático do conteúdo desaparece (mas, infelizmente, também a animação: {) ...

willemx em 27 nov. 2015

Desculpe, sei que está fechado, mas também encontrei este problema. Meu problema era devido ao uso do arquivo css antigo (0.7.3) em vez do atual (1.0.3). Espero que isso ajude alguém.

tc33133 em 27 abr. 2017

👍13 ❤3 🚀2

Você me ajudou @ tc33133 , obrigado!

ayozebarrera em 22 mai. 2017

Caro @ tc33133 , qual arquivo css você atualizou?

jdoblas em 29 jun. 2017

Eu estava usando a versão hospedada e não atualizei o link da folha de estilo.
Ou seja, eu estava usando

executando a versão 1.0.3, então eu deveria estar usando

Se você seguir as instruções para usar a versão hospedada aqui http://leafletjs.com/download.html, não terá problemas.

tc33133 em 29 jun. 2017

👍3

Esta página foi útil?

0 / 5 - 0 avaliações