Gente, sou nova aqui e na área alias, alguém poderia me ajudar ?
É o seguinte, me pediram para fazer um sisteminha que busque a localização da pessoa pelo ip e mostre o mapa da região onde ela está. Beleza, eu fiz isso...Porém, eu preciso que quando a pessoa for ver a localização dela que pega pelo ip dela, suba no banco onde ela está localizada... Tipo, suba automaticamente a cada vez que o usuario se localiza sabe?
Não faço a mínima ideia de como fazer, tentei pesquisar mas não acho nada. Se alguém puder me dar um help, agradeceria muito de verdade.
Obrigada desde já.
O código está assim:
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="jquery.maskedinput-1.1.4.pack.js"/></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<article>
<p> <span id="status">Encontrando sua localização...Pesquisando...</span></p>
</article>
<script>
function success(position) {
var s = document.querySelector('#status');
if (s.className == 'Sucesso') {
return;
}
s.innerHTML = "";
s.className = 'Sucesso';
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcanvas';
mapcanvas.style.height = '400px';
mapcanvas.style.width = '560px';
document.querySelector('article').appendChild(mapcanvas);
var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var myOptions = {
zoom: 15,
center: latlng,
mapTypeControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);
var marker = new google.aps.Marker({
position: latlng,
map: map,
title:"Você está aqui! (pelo menos dentro de um "+position.coords.accuracy+" metros de raio)"
});
}
function error(msg) {
var s = document.querySelector('#status');
s.innerHTML = typeof msg == 'string' ? msg :"erro";
s.className = 'Erro';
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
error('Não suportado');
}
</script>