tengo ya una aplicación que muestra unas APIs de GoogleMaps y
necesito hacer que al arrastrar un icono en un mapa de un punto a otro
(al ejecutarse el evento dragend; ya le puse la propiedad draggable=true),
se guarden automáticamente en la Base de Datos las nuevas coordenadas;
creo que la única forma es con Ajax ¿verdad?, les muestro lo que tengo hasta ahora
(en el fichero carga.php se ejecutaría la query para insertar las nuevas coordenadas
en la Base de Datos), pero es que no consigo que me funcione;
lo agradecería si alguien me puede ayudar:
function setMarkers(map, locations) {
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[0], beach[1]);
var image = new google.maps.MarkerImage(beach[4],new google.maps.Size(20, 32),new google.maps.Point(0,0),new google.maps.Point(10, 32));
var marker = new google.maps.Marker({position: myLatLng,map: map,icon: image,title: beach[3],zIndex: 1,descr:beach[2],draggable: true});
google.maps.event.addListener(marker, 'click', showArrays);
google.maps.event.addListener(marker, 'dragend','');
}
}
$(document).ready(function(){
$('#google.maps.event.addListener').dragend(function(){
var latitud = $('#event.latLng.lat()').val();
var longitud = $('#event.latLng.lng()').val();
$.ajax({
type: 'POST',
url: 'carga.php',
data:'latitud:latitud&longitud:longitud',
success: function(datos){
alert( 'Se guardaron los datos: ' + data);
}
});
});
/////////////////////////////////
