APi javascript jQuery GMap3, Marche pas !

Tralgare Messages postés 12 Statut Membre -  
 MalcolM -
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 !

A voir également:

2 réponses

ghepardo Messages postés 38 Statut Membre 4
 
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 12 Statut Membre 1
 
Ok merci j'ai corrigé mais ça ne change rien, toujours pas de carte.
0
MalcolM
 
tu devrais enlever le # de l'id
<div id="carteGmap3" style="height:350px; width:600px"></div>
0