Bonjour, dans le cadre d'un projet je dois mettre en place une cartographie avec L'API Google Map V3. Je dois effectuer une localisation de techniciens en temps réel. Pour cela j'ai utilisé une carte api V3 basique avec l'ajout de "markers" tout fonctionne mais il n'y a aucune actualisation a part de recharger la page en complet. Ce que je voudrai, c'est pouvoir avoir une actualisation automatique des "markers" et simplement des "markers"'. Pour cela j'ai utilisé le code suivant mais sans succès...

Cordialement.


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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<html lang="fr">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
		<meta charset="UTF-8" />
		<title>Titre de votre page</title>
		<style type="text/css">
			html {
				height: 100%
			}
			body {
				height: 100%;
				margin: 20px;
				padding: 20px;
			}
			#map {
				margin: 20px;
				height: 100%;
			}
		</style>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
 
				var Lati = '49.409968' ; 
				var Lon = '6.1518' ; 	
 
 
				function initialisation(){
 
				var myLatlng = new google.maps.LatLng(Lati,Lon);
				var optionsCarte = {
					zoom: 16,
					center: myLatlng,
					mapTypeId: google.maps.MapTypeId.HYBRID
				};
				var myLatlng = new google.maps.Map(document.getElementById("map"), optionsCarte)
				pointeurs();
				var bounds = new google.maps.LatLngBounds();
 
 
			}
				function pointeur(){
 
				var tableauLieux = [
					["Serra",<?php echo $latitudeserra; ?>,<?php echo $longitudeserra; ?>],
					["Palpe",<?php echo $latitudepalpe; ?>,<?php echo $longitudepalpe; ?>]
 
				];
				for (var i = 0; i < tableauLieux.length; i++) {
				var Lieu = tableauLieux[i];
				var pointLieu = new google.maps.LatLng(Lieu[1], Lieu[2]);
				bounds.extend(pointLieu);
				var marqueurLieu = new google.maps.Marker({
					position: pointLieu,
					map: myLatlng,
					title: Lieu[0]
				});
				}
 
				myLatlng.fitBounds(bounds);
 
				}
 
			google.maps.event.addDomListener(window, 'load', initialisation)
 
		</script>
	</head>
	<body>
		<div id="map"></div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
			<p>Or, il semble que JavaScript est désactivé ou qu'il ne soit pas supporté par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
		</noscript>
	</body>
</html>