Discussion :

[bloups0]

Bonjour,

Je dois mettre en place une map google sur un site. Le souci étant que je n'arrive pas du tout à la générer...

J'ai bien une clé, j'ai bien inclu le fichier js, dans ma page, j'ai bien l'élément suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="map"></div>

Et dans ma page, j'ai mon code JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
$(document).ready(function() {
  var map = new google.maps.Map(document.getElementById('map'), {
     center: {lat: -34.397, lng: 150.644},
     scrollwheel: false,
     zoom: 8
  });
});
</script>

Dans mon CSS, j'ai mis width:100% ainsi que height: 600px sur map. Mais je n'ai aucune map qui se charge sur ma page, si vous avez une idée d'ou viens le souci.

EDIT: En suivant la FAQ, je n'ai pas non plus d'affichage, aucune map qui apparait.

Merci d'avance.

[NoSmoking]

Bonjour,
as tu au moins chargé la librairie jQuery que tu utilises $(document).ready(function() ?

[bloups0]

Bonjour,

J'ai du JQuery plein le site, et une fonction présent dans cette appel qui fonctionne très bien, donc le souci ne viens pas de ça.

Et je n'ai aucune erreur dans la console web.

[NoSmoking]

Il n'y a donc aucune raison que ta carte ne s'affiche pas si tu as

• chargé la librairie jQuery ;
• chargé la librairie GoogleMap ;
• dimensionné, largeur/hauteur de l'élément recevant ta carte, il faut bien sûr qu'il ne soit pas en display:none ;
• pas d'erreur dans le code autre que celui montré, regarde dans la console F12.

mais avec ce que l'on a ...!!!

[bloups0]

Bonjour,

Il s'agissait d'une erreur de ma pars, j'avais inclu la lib dans mon headr et dans mon fichier function, du coup, petit souci. Merci quand même NoSmoking pour les réponses !