Recentemente comecei a utilizar o Google Maps API, então sei muito pouco sobre.
Ao entrar no site de meu projeto o navegador pergunta se pode obter a localização do usuário. Só que eu percebi que a localização varia dependendo do navegador. Utilizando o Google Chrome a localização é bem precisa porém se acessar com o Firefox ou Edge é totalmente diferente..
Por que ocorre esta variação de localização?
Google Chrome (@-23.6058457,-46.6586903,18.25z)
Mozilla Firefox (@-23.6083054,-46.6559814,18.4z)
Microsoft Edge (@-23.5346485,-46.6277816,16.91z) - Muito distante da minha localização.
Tem algo que eu possa mudar em meu código para corrigir esta imprecisão?
var geocoder;
var map;
var marker;
function initialize() {
var latlng = new google.maps.LatLng(-18.8800397, -47.05878999999999);
var options = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("googleMaps"), options);
geocoder = new google.maps.Geocoder();
marker = new google.maps.Marker({
map: map,
draggable: true,
icon: 'images/mapicon.png',
});
marker.setPosition(latlng);
}
// verifica se o navegador tem suporte a geolocalização
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) { // callback de sucesso
// ajusta a posição do marker para a localização do usuário
//marker.setPosition(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
initialLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
map.setCenter(initialLocation);
marker.setPosition(initialLocation);
},
function (error) { // callback de erro
alert('Erro ao obter localização!');
console.log('Erro ao obter localização.', error);
});
} else {
console.log('Navegador não suporta Geolocalização!');
}