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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [PHP/Javascript] API Google Maps : marqueur ne fonctionne pas

Dawa

www.shootmeagain.com

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

Publicité

Dawa

www.shootmeagain.com

please

Dawa

www.shootmeagain.com

uppppp :bounce:

mechkurt

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

Soileh

Lurkeur professionnel

mechkurt a écrit :

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

Dawa

www.shootmeagain.com

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
PHP liens	Panier 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 javascript	Saisie automatique d'une DATE dans Google Spreadsheet
Panier en PHP	Procédure Stocké & PHP
Plus de sujets relatifs à : [PHP/Javascript] API Google Maps : marqueur ne fonctionne pas

Page générée en 0.045 secondes