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

Marsh Posté le 28-05-2014 à 22:26:22

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 :

<style type='text/css'>
#map-canvas { height: 320px; width:400px; }
</style>
<script type='text/javascript'
src='https://maps.googleapis.com/maps/api/js?key=".GOOGLEAPIKEY."&sensor=FALSE'>
</script>
<script type='text/javascript'>
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(50.45, 4.4),
zoom: 7
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var myLatLng = new google.maps.LatLng(50.6,4.7);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:'MARQUEUR ICI'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

Suivi de

Code :

<div id='map-canvas'/></div>

Merci !
Bonne soirée !

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

Reply

Marsh Posté le 28-05-2014 à 22:26:22

Reply

Marsh Posté le 29-05-2014 à 08:31:24

please

Reply

Marsh Posté le 01-06-2014 à 20:53:45

uppppp :bounce:

Reply

Marsh Posté le 04-06-2014 à 14:42:58

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...

Message cité 1 fois

---------------
D3

Reply

Marsh Posté le 05-06-2014 à 00:17:18

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

Reply

Marsh Posté le 18-07-2014 à 08:12:36

Ca y est j'ai trouvé

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 :

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

Mais j'appelle ceci dans les options :

Code :

position: myLatlng,

Et donc ce foutu L en majuscule / minuscule faisait tout foirer, simplement

Merci en tout cas !

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

Reply

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

Sujets relatifs:

Leave a Replay