google maps api v3 ne pas afficher

-1

je veux afficher google map dans ma page Web, mais il ne s'affiche pas dans ma page Web, je ne peux pas corriger ce que l'erreur est, j'ai essayé différentes méthodes mais toujours la zone de carte est vide ... alors s'il vous plaît aidez-moi à corriger l'erreur .... désolé pour mon anglaisgoogle maps api v3 ne pas afficher

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyA39kFEuPToMAHcpdQzzpZFmpyENv9MT_A&sensor=false"></script> 
    <script> 
var map; 
function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

    </script> 
<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post" onSubmit="return check_add_form();"> 
<table width="100%" border="0" class="details"> 
    <tr> 
    <th colspan="2" align="left" nowrap="nowrap" class="top-heading">Map Location</th> 
    </tr> 
    <tr> 
    <th width="22%" align="left" valign="top" nowrap="nowrap" class="heading">Address: </th> 
    <td width="78%" align="left" valign="top"> <input type="text" id="Location_Address" name="Location_Address" value="<?php echo stripslashes($Location_Address);?>"/> 
     <span class="red">*</span></td> 
    </tr> 
    <tr> 
    <td colspan="2" align="left" valign="top" nowrap="nowrap"> 
    <input type="hidden" id="Latitude" name="Latitude" value="<?php echo stripslashes($Latitude);?>"/> 
    <input type="hidden" id="Longitude" name="Longitude" value="<?php echo stripslashes($Longitude);?>"/> 
    <div id="map-canvas"></div> 
    </td> 
    </tr> 
    <tr> 
    <th nowrap="nowrap"></th><td align="left" valign="top"><span id="message" class="red"><?php echo $message;?></span><br /> 
     <input type="submit" name="submit" value="Save"/></td> 
    </tr> 
</table> 
<div id="googleMap" style="width:500px;height:380px;"></div> 
</form> 
`

merci à l'avance ....

Source

2013-06-24 sarincm99

Avez-vous essayé de vérifier la console soit Chrome ou Safari pour voir si des erreurs JavaScript sont jetés? –

@MartinBean pas d'erreurs, mais il n'affiche rien ... – sarincm99

Ceci est une FAQ. Votre carte div n'a pas de taille. [exemple avec taille fixe] (http://www.geocodezip.com/v3_SO_simpleMap_wontDisplay.html) – geocodezip

utilisez le code suivant dans la tête du document

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyA39kFEuPToMAHcpdQzzpZFmpyENv9MT_A&sensor=false"></script> 
     <script> 
    var map; 
    function initialize() { 
     var mapOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(-34.397, 150.644), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map-canvas'), 
      mapOptions); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 

</script>

et utiliser

<div id="googleMap" style="width:500px;height:380px;"></div>

en tout lieu sur votre document

Source

2013-06-24 13:47:18

google maps api v3 ne pas afficher

Répondre

Questions connexes