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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var tPosition = [
<?php
$requete="select * from traceper_user_was_here where dataCalculatedTime >= '".$_POST["example6"]."' AND dataCalculatedTime <= '".$_POST["example66"]."' AND userId='".$_POST["voiture"]."' ORDER BY Id ASC";
$resultat=mysql_query($requete) or die(mysql_error());
while ($row=mysql_fetch_array($resultat))
{
?>
{ 'lat' :<?php echo $row["latitude"]; ?>, 'lon' :<?php echo $row["longitude"]; ?>},
<?php
}
?>
];
var nbPoint = tPosition.length;
var iPos = 0;
function movePositionMarker( marker, trajet){
iPos++; // incrémentation;
// iPos %= nbPoint; //pas de débordement
<?php
$requete="select ExtractValue(ext, '/mileage'),ExtractValue(ext, '/alarm'),latitude,longitude,speed,dataArrivedTime,course from traceper_user_was_here where dataCalculatedTime >= '".$_POST["example6"]."' AND dataCalculatedTime <= '".$_POST["example66"]."' AND userId='".$_POST["voiture"]."' ORDER BY Id ASC";
$resultat=mysql_query($requete) or die(mysql_error());
while ($row=mysql_fetch_array($resultat))
{
?>
var point = new google.maps.LatLng
(<?php echo $row["latitude"]; ?>,<?php echo $row["longitude"]; ?>)
<?php
require("direction.php");
require("speed.php");
require("switch_alarm.php");
?>
var oMarker = new google.maps.Marker({
'position' : marker.getPosition(),
icon: "<?php echo $image; ?>", // position du marker en cours
'map': marker.getMap() // map du marker en cours
});
// fin de la construction des marker
// Encore quelques fonctions google maps pour ajouter un infobulle lors d'un clic sur un marqueur
google.maps.event.addListener(oMarker, 'click', function() {
var infowindow = new google.maps.InfoWindow({
content: '',
size: new google.maps.Size(50,50),
position:point
});
//infowindow.open(map, marker);
infowindow.open(marker.getMap(), this);
<?php
$requete3="SELECt chauffeur FROM traceper_users WHERE Id=".$_POST["voiture"];
$resultat3=mysql_query($requete3) or die(mysql_error());
while ($chauf=mysql_fetch_array($resultat3))
{
$chauffeur=$chauf["chauffeur"];
}
?>
infowindow.setContent('Driver :'+<?php echo "'".$chauffeur."'"; ?>+'<br>Date :'+<?php echo "'".$row["dataArrivedTime"]."'"; ?>+'<br/>Speed :'+<?php echo $speed1; ?>+' km/h<br/>Mileage :'+<?php echo $mileage1; ?>+' km<br/>Alarm :'+<?php echo "'".$alarm."'"; ?>+'');
});
<?php
}
?>
// recup. du point a traiter
var point = new google.maps.LatLng( tPosition[iPos].lat, tPosition[iPos].lon);
// deplace le marker
marker.setPosition( point);
// centre la carte
marker.getMap().panTo( point);
// ajout point dans polyline
trajet.getPath().push( point);
// rappel de la fonction
setTimeout( function(){
movePositionMarker( marker, trajet);
}, 3000);
}
function initCarte(){
// init
var oMap, oMarker;
var mapOptions = {
backgroundColor : '#fff',
mapTypeControl : true,
streetViewControl : true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.DEFAULT
},
zoom : 15,
center : new google.maps.LatLng( 36.8187673,10.1660442),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// creation de la carte
oMap = new google.maps.Map(document.getElementById("div_carte"), mapOptions);
// creation du marqueur
oMarker = new google.maps.Marker({
position : new google.maps.LatLng( tPosition[0].lat, tPosition[0].lon),
icon: "marker.png",
map : oMap
});
// creation de la polyline
var oPolyline = new google.maps.Polyline({
strokeColor: '#9999CC',
strokeWeight: 5,
'map': oMap
});
movePositionMarker(oMarker,oPolyline);
}
// init lorsque la page est chargee
google.maps.event.addDomListener(window, 'load', initCarte);
</script> |
Déplacement automatique de marqueur avec traçage
Répondre avec citation
..
..
Les InfoWindows
Envoyé par NoSmoking
Partager