Tengo un mapa que estoy inicializando fuera de la pantalla y deslizando hacia dentro usando jQuery. Por alguna razón, al acercarse con la rueda de desplazamiento o al hacer doble clic, el mapa se desplaza simultáneamente hacia abajo (o hacia arriba al alejarse). El uso de los controles deslizantes funciona bien. Además, si desactivo la animación y la creo en pantalla, el mapa se amplía normalmente. Supongo que tiene algo que ver con la posición relativa del mapa con respecto a donde fue creado, pero no imagino que tenga mucho control sobre eso. ¿Alguien tiene alguna idea sobre esto?
Así es como estoy estilizando el mapa:
#map { bottom: -450px; height: 450px; position: fixed; width: 100%; }
Y esta es mi función de animación:
toggleMap: function() {
// New bottom value
var newBottom;
if (isShowing) {
newBottom = -450px;
}
else {
newBottom = 0;
}
isShowing = !isShowing;
$map.animate({
bottom: newBottom
});
},