Значение глобальной переменной не меняется после изменения ее значения в функции - PullRequest
Новая
       61

Значение глобальной переменной не меняется после изменения ее значения в функции

0 голосов
/ 07 ноября 2018 
<!DOCTYPE html>
<html>
<head>
<title>Gemoetry</title>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=#&callback=initMap">
</script>


<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">

<style type="text/css">
#map {
    height:500px;
    width:700px;
 }
 </style>

</head>
<body>


<div id="load-ajax"></div>
<div id="map"></div>




<script type="text/javascript">

    let latitude;
    let longitude;

    // AJAX converting address to lat and lng

    let locations = "Winston-Salem, North Carolina";

    let address = "address=" + locations;
    let url = "https://maps.googleapis.com/maps/api/geocode/json?" + address + key;

    let ajaxOutput = $('#load-ajax'); // ajax output location in HTML

    $.ajax({
        type: 'GET',
        url: url,
        data: console.log(),
        dataType: 'json',
        success: function(data) {
            console.log(data);

            let addressComponents = data.results[0].address_components;

            for (let i=0; i < addressComponents.length; i++) {
                console.log(addressComponents[i].long_name);
            }

            latitude = parseFloat(data.results[0].geometry.location.lat);
            longitude = parseFloat(data.results[0].geometry.location.lng);
        }



    });


    // Google Maps

    function initMap() {
        map = new google.maps.Map(document.getElementById('map'),
        {
            center: {lat: latitude, lng: longitude},
            zoom: 8
        });
    }
 </script>
 </body>
</html>

Я пытаюсь использовать новые значения переменных долготы и широты в моей функции initMap; Я объявил их глобально, а затем в них были переданы значения в моей функции 'success' в ajax. но переменные продолжают возвращаться неопределенными в моей функции initMap. Я думал, что знаю глобальную / локальную область, но теперь запутался? Почему это происходит? Кстати, я удалил переменную let key на тот случай, если тебе интересно.

...