2016-05-24 2 views
-1

mein Google Maps-Skript ist grau beim Laden der Seite, wenn ich den Inspektor der Elemente gesehen, ich denke, es ist für die Größenänderung, können Sie sein? Danke Freunde, ich erwarte eine Antwort. Hier haben Sie alle HTML von was wäre die Karte, dann ist dies in einem div enthalten. Das Merkwürdige ist, dass wenn Sie die Größe des Bildschirms ändern, beobachtet wird. Ich brauche Hilfe!!!!Google Map ist grau

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 

#googleMap { 
width: 100%; 
height: 600px; 
margin-top: 6.5%; 
    overflow:visible; 

} 
     img, embed, object, video { 
    max-width: 100%; 
    max-height: 100%; 
    width: auto; 
    height: auto; 
} 



</style> 
<script src="https://maps.googleapis.com/maps/api/js?  key=AIzaSyCbVI4cT8PjwlmV0pZfK961MGnd6H3aGoY&signed_in=false"> </script> 

<script> 

var myCenter=new google.maps.LatLng(39.287649, -0.422548); 
var myCenterverd=new google.maps.LatLng(39.287413, -0.422255); 
var myCenterroig=new google.maps.LatLng(39.288497, -0.423953); 
var myCentergroc=new google.maps.LatLng(39.287766, -0.421604); 


function initialize() { 
    var mapOptions = { 
    center:new google.maps.LatLng(39.287413, -0.422255), 
    zoom:8, 
    mapTypeId:google.maps.MapTypeId.ROADMAP, 
    //disableDefaultUI: true 
    }; 
    var map=new google.maps.Map(document.getElementById("googleMap"), mapOptions); 

    //var marker=new google.maps.Marker({position:myCenter,icon:'gotaico.png'}); 
    var markerverd=new google.maps.Marker({position:myCenterverd,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicoverd.png'}); 
    var markerroig=new google.maps.Marker({position:myCenterroig,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicoroig.png'}); 
    var markergroc=new google.maps.Marker({position:myCentergroc,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicogroc.png'}); 

    //marker.setMap(map); 
    markerverd.setMap(map); 
    markerroig.setMap(map); 
    markergroc.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
<div id="googleMap"></div> 

</body> 
</html> 
+0

Bitte stellen Sie Fragen auf Englisch. – Jerrybibo

+0

Ok, sorry, ein Fehler. –

Antwort

1

Es scheint, dass die folgenden Arten die Fehler verursachen:

img, 
embed, 
object, 
video { 
    max-width: 100%; 
    max-height: 100%; 
    width: auto; 
    height: auto; 
} 

diese entfernen und es wird funktionieren: https://jsfiddle.net/cug0an68/1/

Ps, Sie können einen neuen API-Schlüssel einrichten wollen als Sie haben diese öffentlich zugänglich gemacht.