Ich konnte das grundlegende Google Maps-Beispiel nicht auf meiner Website verwenden. Ich habe folgendes div auf meiner Seite:Google Maps API-Basisbeispiel
<div id="map_canvas" style="width:100%; height:100%"></div>
und die folgend im Kopf meines Dokuments:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
jQuery(document).ready(initialize);
</script>
Es scheint, dass die Elemente in meinen DOM geladen werden immer, aber es gibt keine sichtbare Karte auf der Seite.
Um Mike Williams Online-Ressource zu zitieren - http://econym.org.uk/gmap/basic19.htm - "Wenn Sie versuchen, style =" width: 100%; height : 100% "auf Ihrer Karte div, erhalten Sie eine Karte div, die Null Höhe hat. Das ist, weil das div versucht, ein Prozentsatz der Größe der
, aber standardmäßig hat eine unbestimmte Höhe [...] a Eine einfache Alternative ist, die so zu ändern, dass ihre Höhe 100% der Seite beträgt. " –