APi javascript jQuery GMap3, Marche pas !

Fermé
Tralgare Messages postés 9 Date d'inscription dimanche 20 mars 2011 Statut Membre Dernière intervention 24 juillet 2013 - 15 mars 2012 à 16:49
 MalcolM - 3 mai 2013 à 00:05
Bonjour,

Je crée un site web et j'ai besoin de faire marcher GMap3 et je suis vraiment coincé car j'ai mis tout le code et rien ne s'affiche, que l'espace vide de la div créée !

Voici mon code dans le header :

	   <script type="text/javascript" src="drules.free.fr/site_web_pcnet(sansPosition)/JavaScript/jquery-gmap3-4.1/jquery-1.4.4.min.js"></script>
	   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
	   <script type="text/javascript" src="drules.free.fr/site_web_pcnet(sansPosition)/JavaScript/jquery-gmap3-4.1/gmap3.min.js"></script>
	   <script type="text/javascript"> 
            $(function()
				{
					$('#carteGmap3').gmap3
					(
						{
							action: 'init',
							options:
							{
								center:[45.554200, 4.279550],
								zoom:14,
								mapTypeId: google.maps.MapTypeId.SATELLITE,
								mapTypeControl: true,
								mapTypeControlOptions: 
								{
									style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
								},
								navigationControl: true,
								scrollwheel: true,
								streetViewControl: true
							}
						}
						
						{ 
							action: 'addMarker',
							latLng:[45.55420060802522, 4.279550313949585]
						}
					);
				}
			);
        </script>


Et voici mon code dans le body :

<div id="#carteGmap3" style="height:350px; width:600px">Test 13</div>


Merci d'avance pour votre aide !

2 réponses

ghepardo Messages postés 26 Date d'inscription mercredi 14 mars 2012 Statut Membre Dernière intervention 24 janvier 2013 4
Modifié par ghepardo le 15/03/2012 à 17:46
bonjour,
avant tout tu vérifies que votre navigateur ne désactive pas JavaScript (moins 10% des internautes désactivent volontairement ou intentionnellement JS)

sinon certainement il y a une erreur dans les adresses des scripts ou la synthax jQuery, il vaudra mieux dans ce cas de les télécharger sur votre pc et d'écrire le code jQuery dans un nouveau document .js en n'oubliant pas de l'importer dans dnas votre html.

Je vous signale qu'un code jQuery débute toujours avec l'expression $(document).ready(function(){ }); et non pas comme vous l'avez écrit
0
Tralgare Messages postés 9 Date d'inscription dimanche 20 mars 2011 Statut Membre Dernière intervention 24 juillet 2013 1
15 mars 2012 à 18:52
Ok merci j'ai corrigé mais ça ne change rien, toujours pas de carte.
0
tu devrais enlever le # de l'id
<div id="carteGmap3" style="height:350px; width:600px"></div>
0