Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1399 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [PHP/Javascript] API Google Maps : marqueur ne fonctionne pas

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[PHP/Javascript] API Google Maps : marqueur ne fonctionne pas

n°2229451
Dawa
www.shootmeagain.com
Posté le 28-05-2014 à 22:26:22  profilanswer
 

Hello à tous [:dawa]
 
J'ai une idée assez simple : sur une page, j'intègre une div qui contient une Google Map (la carte de Belgique pour info). Jusque là aucun souci, API bien enregistrée, la carte s'affiche, bien positionnée et tout, tip top nickel.
 
Par contre je voudrais y ajouter un marqueur, non centré par rapport à l'affichage de la carte (il afficherait l'une ou l'autre adresse en Belgique, somme toute). Le problème c'est que malgré les 56 tutos lus et la doc de l'API Google Maps bien décortiquée, ça ne fonctionne pas. Dès que je veux ajouter le marqueur, la carte ne s'affiche plus. La DIV reste vide.
 
Alors si quelqu'un avait une idée, ce serait vraiment top :)  
 
 

Code :
  1. <style type='text/css'>
  2.   #map-canvas { height: 320px; width:400px; }
  3. </style>
  4. <script type='text/javascript'
  5.       src='https://maps.googleapis.com/maps/api/js?key=".GOOGLEAPIKEY."&sensor=FALSE'>
  6.     </script>
  7.     <script type='text/javascript'>
  8.       function initialize() {
  9.         var mapOptions = {
  10.           center: new google.maps.LatLng(50.45, 4.4),
  11.           zoom: 7
  12.         };
  13.         var map = new google.maps.Map(document.getElementById('map-canvas'),
  14.             mapOptions);
  15.         var myLatLng = new google.maps.LatLng(50.6,4.7);
  16.         var marker = new google.maps.Marker({
  17.        position: myLatlng,
  18.        map: map,
  19.        title:'MARQUEUR ICI'
  20.    });
  21. }
  22.       google.maps.event.addDomListener(window, 'load', initialize);
  23.     </script>


 
Suivi de  
 

Code :
  1. <div id='map-canvas'/></div>


 
Merci !  
Bonne soirée !  


---------------
SHOOT ME AGAIN WEBZINE
mood
Publicité
Posté le 28-05-2014 à 22:26:22  profilanswer
 

n°2229464
Dawa
www.shootmeagain.com
Posté le 29-05-2014 à 08:31:24  profilanswer
 

please :)

n°2229682
Dawa
www.shootmeagain.com
Posté le 01-06-2014 à 20:53:45  profilanswer
 

uppppp :bounce:

n°2229946
mechkurt
Posté le 04-06-2014 à 14:42:58  profilanswer
 

Ta fonction initialize() n'est pas fermé par un } , tu doit avoir une erreur dans ta console javascript.
 
https://developers.google.com/maps/ [...] mple?hl=FR
 
Je te conseille Firefox & son extension Firebug qui t'aideront à debugger toi même tes problèmes...


---------------
D3
n°2229980
Soileh
Lurkeur professionnel
Posté le 05-06-2014 à 00:17:18  profilanswer
 

mechkurt a écrit :

Ta fonction initialize() n'est pas fermé par un } , tu doit avoir une erreur dans ta console javascript.
 
https://developers.google.com/maps/ [...] mple?hl=FR
 
Je te conseille Firefox & son extension Firebug qui t'aideront à debugger toi même tes problèmes...


 
Euh si sa fonction se termine bien par } :??: : je viens de le vérifier avec un copier-coller de son bout de code.
 
Après, pour le problème, il faut voir si on peut ajouter un marqueur mais qui ne soit pas centré sur la carte. Je n'ai pas encore trouvé d'exemple dans ce sens :/


---------------
And in the end, the love you take is equal to the love you make
n°2233609
Dawa
www.shootmeagain.com
Posté le 18-07-2014 à 08:12:36  profilanswer
 

Ca y est j'ai trouvé :D  
 
Je n'avais pas vu vos réponses, j'étais passé à autre, et là en 5 minutes je tombe dessus :  
 
Je déclare ceci
 

Code :
  1. var myLatLng = new google.maps.LatLng(50.6,4.7);


 
Mais j'appelle ceci dans les options :  
 

Code :
  1. position: myLatlng,


 
Et donc ce foutu L en majuscule / minuscule faisait tout foirer, simplement :)  
 
Merci en tout cas !


---------------
SHOOT ME AGAIN WEBZINE

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [PHP/Javascript] API Google Maps : marqueur ne fonctionne pas

 

Sujets relatifs
PHP liensPanier en PHP
[HTML/PHP]Construction de code d'un site web.[Résolu] Formulaire de contact
Jouer une animation (JavaScript)[PHP] probleme #Ressource #Fichier sur manip image
Besoin d'aide pour mon programme javascriptSaisie automatique d'une DATE dans Google Spreadsheet
Panier en PHPProcédure Stocké & PHP
Plus de sujets relatifs à : [PHP/Javascript] API Google Maps : marqueur ne fonctionne pas


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR