Los mapas virtuales de la Tierra no se muestran cuando se inicia como pantalla: ninguno

Question

Tengo este código para mostrar un mapa usando la API de Virtual Earth:

<script type="text/javascript">
        function GetMap() {
        var map = map = new VEMap('myMap');
        map.LoadMap(new VELatLong(47.6, -122.33), 10, 'h', false);
    }

    $(document).ready(function() {
        GetMap();
    });
</script>

<a href="#" onclick="$('#myMap').toggle();">Show Map</a>
<div id="myMap" style="position:relative; width:400px; height:400px; display:none;"></div>

Esto no funciona y muestra un cuadro negro donde debe ir el mapa. Si elimino la pantalla " ninguno; " estilo, entonces funciona bien. Pero no quiero que el mapa sea visible cuando se carga la página, quiero que el usuario lo cambie. ¿Alguien puede ver algo malo con mi enfoque?

Answer 1

Tal vez el mapa necesita estar en exhibición cuando se inicializa. Ocurre especialmente si el mapa tiene que medir las dimensiones del contenedor para representarlo correctamente.

Vaya cuando Diodes sugirió mover el mapa fuera del área visual (también puede establecer la visibilidad en falso) o inicialice el mapa cuando realmente tenga que mostrarlo.

Answer 2

Alternativamente, puede moverlo fuera de la pantalla, con a la izquierda: -2000px .