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
61
62
63
64
| function initialize_form_map(){
var latLng = new google.maps.LatLng(48.8592940, 2.3490143); // Correspond au coordonnées de Paris
var myOptions = {
zoom : 10,
center : latLng,
mapTypeId : google.maps.MapTypeId.MAP, // Type de carte, MAP
maxZoom : 20
};
map=new google.maps.Map(document.getElementById('map'), myOptions);
//EVENEMENT AU CLIK SUR LA MAP
google.maps.event.addListener(map,'click', function(event){
//si il ny'a pas de marqueur jajoute le premier qui correpsint au départ
if (depart==false && arrive==false) {
depart=true;
var marker_depart = new google.maps.Marker({
position : event.latLng,
draggable :true,
map : map,
title : "Départ"
//icon : "marker_lille.gif"
});
//var GPS_depart = marker_depart.position.lat() + ', ' +marker_depart.position.lng();
$('#depart_lat').attr("value",marker_depart.position.lat());
$('#depart_lng').attr("value",marker_depart.position.lng());
//ici si le depart a étati mis le prochain amrker sera l'arrivé
}else if(depart==true && arrive==false){
arrive=true;
var marker_end = new google.maps.Marker({
position : event.latLng,
draggable :true,
map : map,
title : "Arrivé"
});
//var GPS_end = marker_end.position.lat() +','+ marker_end.position.lng();
$('#arrive_lat').attr("value",marker_end.position.lat());
$('#arrive_lng').attr("value",marker_end.position.lng());
}
google.maps.event.addListener(marker_end, 'dragend',function(event){
$('#arrive_lat').attr("value",marker_end.position.lat());
$('#arrive_lng').attr("value",marker_end.position.lng());
});
//Je met a jour mes coordoné si l'utilisateur drag and drop les marker de la map
google.maps.event.addListener(marker_depart, 'dragend',function(event){
$('#depart_lat').attr("value",marker_depart.position.lat());
$('#depart_lng').attr("value",marker_depart.position.lng());
});
});
}; |
