Géolocation client à ajouter mark place

Version imprimable

31/03/2016, 22h59
spopo2012

Géolocation client à ajouter mark place

je besoin de vous les devs
j'ai une page d'inscription des utilisateur
mais mon problem est de récupérer leur location on google maps
mais pas leur curent location mais il faut que utilisateur met une mark sur la place qu'il veut
est retourner les cordonnes de cet endroit choisi

voila un exemple de code mais il besoin de modification

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>
 
<script>
var map;
var myCenter=new google.maps.LatLng(51.508742,-0.120850);
 
function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:5,
  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: location,
    map: map,
  });
  var infowindow = new google.maps.InfoWindow({
    content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()
  });
  infowindow.open(map,marker);
}
 
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
 
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
 
</body>
</html>

02/04/2016, 09h50
NoSmoking

Bonjour,

Citation:

mais mon problem est de récupérer leur location on google maps

je ne comprends pas c'est exactement ce que fait le code que tu nous montres !?!

débutant problèmes passage de paramétrés

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>
 
<script>
var lat=51.508742;
var long=120850;
var map;
 
 
function initialize()
{
if(navigator.geolocation){
    navigator.geolocation.getCurrentPosition(function(position){
 
        lat=position.coords.latitude;
        long=position.coords.longitude;
 
    });
 
}
 
 
var myCenter=new google.maps.LatLng(lat,long);
var mapProp = {
  center:myCenter,
  zoom:5,
  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: location,
    map: map,
  });
  var infowindow = new google.maps.InfoWindow({
    content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()
  });
  infowindow.open(map,marker);
}
 
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
 
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
 
</body>
</html>

09/04/2016, 10h06
NoSmoking

oui et alors :koi: