Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

WellAlencar

Como pegar a geolocalização de um usuário do meu Sistema Web?

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation

 

O usuário precisa permitir que vc pegue a geolocalização dele.

Compartilhar este post

Link para o post
Compartilhar em outros sites

WellAlencar    0

WellAlencar
Postado

Valew Willian Bruno!!

 

Jah Resolvi.....vou deixar aqui um exemplo de como solucionei.....usei a api do google

 

 

 <!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="[url=http://maps.google.com/maps/api/js?sensor=true]http://maps.google.com/maps/api/js?sensor=true"></script>[/url]
<section>
    <article>
        <p><span id="status">Localizando...</span></p>
    </article>
 </section>
 
<script>
function success(position) {
    var s = document.querySelector('#status');
 
    if (s.className == 'success') {
        return;
    }
 
    s.innerHTML = position.coords.latitude+" "+position.coords.longitude;
    s.className = 'success';
 
    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.maps.Marker({
        position: latlng,
        map: map,
        title:"Você está aqui!"
    });
 
}
 
function error(msg) {
    var s = document.querySelector('#status');
        s.innerHTML = typeof msg == 'string' ? msg : "falhou";
        s.className = 'fail';
}
 
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(success, error);
} else {
    error('Seu navegador não suporta <b style="color:black;background-color:#ffff66">Geolocalização</b>!');
}
 
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito