buen dia, tengo un problema algo urgente je, veran, tengo una pagina en la que muestro un mapa y doy seguimiento a un GPS, este me manda la longitud latitud y todos los datos y los voy guardando en una base de datos en mi servidor,
mi pagina muestra la ultima posicion del gps con una consulta mediante PHP, el problema es que para que muestre la ultima posicion tengo que recargar toda la pagina, y quiero que solo actualize el marcador en el mapa para simular que avanzo, me dicen que con ajax pero estoy bastante verde en eso de ajax, alguien me puede orientar?? este es mi codigo de la pagina!!
.
<HTML> <!--PRUEBAS DE MARCADORES PAGINA TEMPORAL!!-->
<HEAD>
<!--<meta content="10" http-equiv="REFRESH"> </meta>-->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Complex icons</title>
<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>
function initialize() {
var mapOptions = {
zoom: 12,
center: new google.maps.LatLng(19.70277,-101.192696)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
<?php require ("posicion.php"); //llamada al archivo de consulta php-mysql ?>
setMarkers(map, beaches)
}
var beaches = [
['<?php echo $renglon[1]['fecha']; ?>', <?php echo $renglon[1]['latitud']; ?>, <?php echo $renglon[1]['Longitud']; ?>, 1],
['<?php echo $renglon[2]['fecha']; ?>', <?php echo $renglon[2]['latitud']; ?>, <?php echo $renglon[2]['Longitud']; ?>, 2],
];
function setMarkers(map, locations) {
var image = [];
image[0]='buttons/markers/imor02.png' //iconos de cada marker
image[1]='buttons/markers/imor47.png'
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" border="2"> <!--TERCERA TABLA, MUESTRA DE CONTENIDO VENTANA GRL -->
<TR>
<TD >
<div id="map-canvas" ></div>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
y este es mi archivo php para la consulta a mi base de datos!
.
.
<?php
require ("conexion.php");
$sql[1]="SELECT latitud,Longitud,idPosiciones,Date,fecha FROM Posiciones WHERE Tracker_idTRACKER = 359710042216334 ORDER BY idPosiciones DESC LIMIT 1;";
$datos[1]=mysql_query($sql[1],$con); //UNIDAD 02
$renglon[1]=mysql_fetch_array($datos[1]);
$sql[2]="SELECT latitud,Longitud,idPosiciones,Date,fecha FROM Posiciones WHERE Tracker_idTRACKER = 359710042223512 ORDER BY idPosiciones DESC LIMIT 1;";
$datos[2]=mysql_query($sql[2],$con); //UNIDAD 47
$renglon[2]=mysql_fetch_array($datos[2]);
?>
porfa ayuda no se como hacer para que se recarguen solo los marcadores !!!!
.
gracias a todos!!
