la base de datos se actualiza diamicamente, trae nuevas localizaciones , los datos de latitud y longitud los traigo con una consulta mysql dejo el codigo abajo para explicar como lo tengo, solo que se actualiza la consulta hasta que le doy recargar pagina ya que la consulta esta ahi! aqui en grl el codigo como funciona!:
<HTML> <!--PRUEBAS DE MARCADORES PAGINA TEMPORAL!!-->
<HEAD>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript"> //menu desplegable
}
</script>
<?php
require ("conexion.php");
$sql[1]="SELECT latitud,Longitud,idPosiciones,Date FROM Posiciones WHERE Tracker_idTRACKER = ********** ORDER BY idPosiciones DESC LIMIT 1;";
$datos[1]=mysql_query($sql[1],$con); //UNIDAD 02
$renglon[1]=mysql_fetch_array($datos[1]);
?>
<script>
function initialize() {
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(19.70277,-101.192696)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
setInterval(setMarkers(map, beaches),10); //intente hacerlo asi, supongo que actualiza los markers pero no la consulta para que cambien las latitudes
}
var beaches = [
['<?php echo $renglon[1]['Date']; ?>', <?php echo $renglon[1]['latitud']; ?>, <?php echo $renglon[1]['Longitud']; ?>, 1],
];
function setMarkers(map, locations) {
var image = [];
image[0]='buttons/markers/imor02.png' //iconos de cada marker
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image[i],
shape: shape,
title: beach[0],
zIndex: beach[3]
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</HEAD>
<BODY TEXT="black" BACKGROUND="img\fondoacceso.png" width="100%">
<TABLE WIDTH="90%" HEIGHT="90%" ALIGN="CENTER"> <!--TERCERA TABLA, MUESTRA DE CONTENIDO VENTANA GRL -->
<TR>
<TD >
<meta content="500" http-equiv="REFRESH">
<div id="map-canvas"></div>
</meta>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>