Google Maps API v3 | no muestra datos de mapas

soy progtwig una pequeña aplicación de Javascript para nuestro hogar de bomberos local. La aplicación es un poco como powerpoint, etc., pero en html. En esta aplicación, mostraría un mapa de google maps con una ruta que muestra el camino desde la casa del bombero hasta el fuego. Yo uso jquery para solicitar los datos del servidor http.

Mi problema es que he insertado el código para la API de Google Maps y el navegador me muestra el objeto de mapas con el logotipo de Google, y así sucesivamente. Pero no hay un mapa, solo hay un fondo gris. Con el mouse parece que puedo acercar / alejar, desplazarme, etc. en el mapa (si interactúo, en firebug viene datatransfers a la API de Google), pero el mapa no estaba allí.

Se inserta la clave de mi API de mapas personales y si la elimino, el plugin muestra un error. Entonces creo que ese no puede ser el problema.

¿Hay algún problema con jquery y los mapas api? ¿Alguien más tiene este problema?

          function initialize() { var mapOptions = { center: new google.maps.LatLng(50.98188, 6.78655), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); window.console.log("Position center: "+map.getCenter()+"\nZoom: "+map.getZoom()); map.setZoom(12); map.setCenter(new google.maps.LatLng(0, 0)); window.console.log("Position center: "+map.getCenter()+"\nZoom: "+map.getZoom()); }    

jQuery.getScript("./js/initialisation.js",function(){initialisation();}); initialize();

no hay contenido porque todo esto se carga en tiempo de ejecución desde el servidor a través de jquery y luego se inserta en dom.

Vea la descripción de Mike Williams en mapas de porcentaje de su tutorial v2

Debe agregar definiciones a todos los elementos principales del mapa para permitir que el navegador calcule un tamaño distinto de cero.

ejemplo de trabajo

            

No vi nada obviamente mal, pero esto funcionó para mí. Podría ser un problema de CSS.

           

ahora todo está bien con el mapa. Gracias por toda tu ayuda.

Ahora, después de la depuración, sabía que había tenido dos problemas en mi código antes. 1. El problema del mapa de tamaño porcentual 2. Mis cuadros de div fueron definidos con desbordamiento: oculto. después de haber eliminado esta statement ahora se muestra el mapa completo.

Al igual que al principio: Gracias

En mi caso, era un problema con los estilos, primero los desactivé a todos para ver qué pasaba, y como los mapas aparecían, eran nuevos y responsables. Luego devolví todos los estilos y los borré línea por línea para ver cuál era el responsable.

                   

prueba esto ….