Google maps

Résolu
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -  
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -
bonjour,
j'ai besoin d'aide au niveau de mon code
en effet lorsque j'affiche mon marqueur sur google map il affiche les coordonnee de la position du marqueur(lattitude,longitude) mais lorsque je vais deplacer le marqueur sur la carte il ne prend pas en compte la nouvelle position:
voici mon code:

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
var map;
var myCenter=new google.maps.LatLng(5.3096600,-4.0126600);

function initialize()
{
var mapProp = {
center:myCenter,
zoom:10,

mapTypeId:google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

google.maps.event.addListener(map, 'click', function(event) {

placeMarker(event.latLng);
});
}

function placeMarker(location) {

var marker = new google.maps.Marker({
position: myCenter,
map:map,
draggable:true,

title:"position initiale!"
});


document.getElementById("lat").value = location.lat();
document.getElementById("long").value = location.lng();



}


google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
<input type="text" id="long">
<input type="text" id="lat">
</body>
</html>
A voir également:

5 réponses

Réponse 1 / 5
Spy17 Messages postés 107 Date d'inscription   Statut Membre Dernière intervention   33
 
Bonjour, si je comprends bien, le but est d'afficher la carte, centré sur Abidjan ?
Mais quel est le soucis ?
Un peu plus d'explication ? :)
Cordialement,
Spy
0
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
pas forcement centrer sur abidjan (juste un exemple),
but:
lorsque je clique sur une position sur la carte,je voudrais que le marqueur se point sur le lieu exact.
sans creer plusieur marqueur sur la carte
cordialement,
cartoci
0
Spy17 Messages postés 107 Date d'inscription   Statut Membre Dernière intervention   33 > cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
D'accord, je crois comprendre.
Quand l'utilisateur clique à un endroit, les coordonnées s'affiche sous la map.
Ce que tu veux c'est que le curseur de google se mette là où l'utilisateur à cliquer. C'est ça ?
0
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
oui lorsque l'user clique a un endroit,les coordonnees s'affiche sous la map.
le marqueur que j'ai créer se mette la ou le user a cliquer
0
Spy17 Messages postés 107 Date d'inscription   Statut Membre Dernière intervention   33 > cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
Je pense que tu as suivi ce site ? https://www.cssdebutant.com/

Or, le marqueur est placé lors de la génération de la page.

Par conséquent, je pense qu'il faudrait faire un peu de PHP et placer en $_POST les valeurs récupéré de l'utilisateur et raffraichir la page avec ces coordonnées

Si tu as moyen de tester :)
0
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
test mon code et tu veras que lorsque je clique sur une partie de la carte on voir automatiquement les coordonnees en bas du map.

mais je n'arrive pas a l'automatiserer avec le marqueur.
peux tu me donner le code?
0
Réponse 2 / 5
Spy17 Messages postés 107 Date d'inscription   Statut Membre Dernière intervention   33
 
Sinon, il y a aussi la solution fournie par google :
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63563.18842788362!2d-4.044910882517792!3d5.309531802545321!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNcKwMTgnMzQuOCJOIDTCsDAwJzQ1LjYiVw!5e0!3m2!1sfr!2sfr!4v1461841173564" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

A intégrer directement en remplacement de ton long code
0
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
il n'affiche pas le marqueur lorsque je clique sur une position
0
Réponse 3 / 5
mdao Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   1
 
Je préconise également la solution proposée par Spy17.
Elle marche correctement !
0
cartoci Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
le marqueur doit se situer la ou je click,
et afficher les nouvelles coordonnees en bas dans mes champs juste en bas de la carte
0
Réponse 4 / 5
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Le problème vient du fait que ta fonction placeMarker() positionne toujours le marker sur les coordonnées myCenter au lieu de prendre la position cliquée par l'utilisateur transmis via le paramètre location de cette fonction. 

function placeMarker(location) {
  var marker = new google.maps.Marker({
    position: location, // à la place de myCenter
    map:map,
    draggable:true,
    title:"position initiale!"
  });
  document.getElementById("lat").value = location.lat();
  document.getElementById("long").value = location.lng();
}


Bonne journée
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
Spy17 Messages postés 107 Date d'inscription   Statut Membre Dernière intervention   33
 
Donc tu as la solution de Pitet et la mienne qui sont équivalente.
J'avais pas vu celle de Pitet vu que je transformais de mon côté ton code.

Et du coup, pense à passer en résolu ;)
0