Géolocation client à ajouter mark place

**spopo2012** · 31/03/2016, 22h59

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

**spopo2012** · 01/04/2016, 12h14

voila un exemple de code mais il besoin de modification

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**NoSmoking** · 02/04/2016, 09h50

Bonjour,

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 !?!

**spopo2012** · 08/04/2016, 18h41

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**NoSmoking** · 09/04/2016, 10h06

oui et alors

Géolocation client à ajouter mark place

APIs Google

Discussions similaires

Partager

Partager