google maps API v3 ne pas apparaître dans le navigateur

Question

J'ai un peu de problème avec mon application Google Maps. Donc, je suis le code donné sur l'API pour créer la carte de base. J'ai ceci:

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map { height: 75% } 
</style> 

Et j'ai le javascript suivant ainsi pour initialiser la carte:

function showmap(coordinates) 
{ 
    var lat = coordinates.latitude; 
    var lon = coordinates.longitude; 

    var myOptions = { 
     position: new google.maps.LatLng(lat, lon), 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), myOptions); 
} 

mais tout ce que je reçois dans le navigateur est juste une grosse boîte grise. J'ai essayé dans plusieurs navigateurs (chrome, firefox etc ...) mais tout a l'air pareil. Je suis sûr que je l'ai configuré correctement ... quelqu'un a-t-il des idées sur ce qui se passe?

merci d'avance!

Answer 1

Je ne sais pas ce que le paramètre de position est bon pour (il n'y a aucune carte-option comme ça), mais je suppose que vous mêlé position et center (center est nécessaire)