Api Geolocalização Gratuita – Imprima o endereço do seu cliente em qualquer input

Reproduzir vídeo

Descrição

Códigos

Código Jquery
jQuery(document).ready(function($) {
  const puxarLocalizacao = $("#puxarLocalizacao");
  const endereco = $("#form-field-endereco");

  puxarLocalizacao.on("click", function() {
    navigator.geolocation.getCurrentPosition(position => {
      const { latitude, longitude } = position.coords;
      const url = `https://nominatim.openstreetmap.org/reverse?format=json&lat=${latitude}&lon=${longitude}`;
      fetch(url).then(res => res.json()).then(data => {
        const road = data.address.road;
        const suburb = data.address.suburb;
        const city = data.address.city || data.address.town;
        const state = data.address.state;
        const postcode = data.address.postcode;
        const enderecoCompleto = `${road}, ${suburb}, ${city}/${state} - ${postcode}`;
        console.log(enderecoCompleto);
        if (endereco.length > 0) {
          endereco.val(enderecoCompleto);
        }
      }).catch(() => {
        console.log("Erro");
      });
    });
  });
});