Динамически меняющиеся значения широты и долготы в моем URL-адресе LocationIQ - PullRequest
2 голосов
/ 04 июня 2019

Я работаю над сайтом для моей стажировки, и мне нужно изменить геокодирование широтных и длинных координат посетителей, но я не могу интегрировать эти координаты в мою строку "url", которая запрашивает обратное кодирование goec из службы вызоваLocationIQ.

Я уже пытался объединить простые переменные в строку, я также пытался получить getElementById, но он тоже не работает, а затем я вызвал свою функцию callback (), но она все еще вызывает ошибки.Для уведомления я работаю с приведенными примерами из http://geoip -db.com / для данных lat и long и с https://locationiq.com/docs#forward-geocoding для обратного геокодирования.Возможно, примеры не нравятся друг другу, но так как я новичок в веб-разработке, мне нужна небольшая помощь:)

<script>

var country = document.getElementById('country');
var latitude = document.getElementById('latitude');
var longitude = document.getElementById('longitude');
var ip = document.getElementById('ipv4');

function callback(data)
{
    country.innerHTML = data.country_name;
    latitude.innerHTML = data.latitude;
    longitude.innerHTML = data.longitude;
    ip.innerHTML = data.IPv4;
}

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://geoip-db.com/jsonp';
var h = document.getElementsByTagName('script')[0];
h.parentNode.insertBefore(script, h);

    var settings = {
    "async": true,
    "crossDomain": true,
    "url": "https://us1.locationiq.com/v1/reverse.php?key=be7dfdc7a8184f&lat=" + callback.latitude() + "&lon=" + callback.longitude() + "&format=json",
    "method": "GET"
     }

    $.ajax(settings).done(function (response) {
    console.log(response);
    });
</script>

Либо это приводит к ошибкам вызова широты, либо запрос возвращает меня "Invalidзапрос «Я хочу, чтобы он вывел все обращенные данные в файл json, например:

{« place_id »:« 26693344 »,« license »:« © LocationIQ.com CC BY 4.0, данные © Участники OpenStreetMap, ODbL 1.0 "," osm_type ":" node "," osm_id ":" 2525193585 "," lat ":" -37.870662 "," lon ":" 144.9803321 "," display_name ":" Imbiss 25, Blessington Street, StКилда, город Порт-Филлип, Большой Мельбурн, Виктория, 3182, Австралия "," address ": {" cafe ":" Imbiss 25 "," road ":" Blessington Street "," пригород ":" St Kilda ","county ":" Город порта Филипп "," region ":" Большой Мельбурн "," штат ":" Виктория "," почтовый индекс ":" 3182 "," страна ":" Австралия "," код страны ":" au "}, "boundingbox": ["-37.870762", "-37.870562", "144.9802321", "144.9804321"]}

...