Utilizo PHP con el Framework CodeIgniter 3.1.0 conectándome a PHPMYADMIN 10.1.13-*****. Por ende, deseo que cuando se inserte en la base de datos la latitud y la longitud de un marcador nuevo, se vea inmediatamente reflejado en la aplicación web, sin necesidad de recargar la pestaña.
VISTA
<script>
//Marcadores
var neighborhoods = [
<?php if (count($locations) != 0) { ?>
<?php for ($i = 0; $i < count($locations); $i++) { ?>
<?php for ($f = 0; $f < count($locations[$i]); $f++) { ?>
{lat: <?= $locations[$i][$f]['lat'] ?>, lng: <?= $locations[$i][$f]['lng'] ?>, km: <?= $locations[$i][$f]['km'] ?>, fecha: <?= $locations[$i][$f]['km'] ?>}<?php if (count($locations) != $i) { ?>,<?php } ?>
<?php } ?>
<?php } ?>
<?php } ?>
];
function initMap() {
//CARGO MAPA CON UN CENTRO
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: <?= $center['0']['lat'] ?>, lng: <?= $center['0']['lng'] ?>},
zoom: 17
});
// LINEA
var flightPlanCoordinates = neighborhoods;
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
//FIN LINEA
}
</script>
<meta http-equiv="refresh" content="5" />
<div id="map"></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=MI_CLAVE&signed_in=true&callback=initMap">
</script>
Trataré de ser lo más breve y específico posible. Le comento que estoy trabajando en una aplicación de traking por gps y se me produce el siguiente problema: - cuando intento actualizar el marcador de posición este se me actualiza, pero también se me actualiza el mapa completo (perdiendo el zoom que había realizado y mostrándome nuevamente los continentes completos). Entonces, como puedo hacer para actualizar sólo los marcadores de posición, pero sin que se recarga el mapa cada vez que actualizo.