как получить широту и долготу от карт Google? - PullRequest
0 голосов
/ 11 мая 2018

У меня есть требование. Когда пользователь нажимает кнопку (после указания адреса улицы), широта и долгота должны отображаться в окне предупреждения. Я пытаюсь использовать этот код, но он не работает.

<html>
    <head>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $("#btn").click(function()
        {
            var geocoder =  new google.maps.Geocoder();
            geocoder.geocode( { 'address': 'miami, us'}, function(results, status) 
            {
                if (status == google.maps.GeocoderStatus.OK) 
                {
                    alert("location : " + results[0].geometry.location.lat() + " " +results[0].geometry.location.lng()); 
                }
                else 
                {
                    alert("Something got wrong " + status);
                }
            });
        });
    </script>
</head>
<body>
    <input id="btn" type="button" value="search for miami coordinates" />
</body>
</html>   

Ответы [ 2 ]

0 голосов
/ 11 мая 2018

было бы приятно услышать , что именно не работает.

Я вижу, что у вас нет НЕ ключа для использования API, по крайней мере, во фрагменте. Насколько я знаю, это обязательно. Кроме того, у вас нет обратного вызова в URL карты. Это то, что Google дает в примерах :

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
0 голосов
/ 11 мая 2018

Вы должны запросить ключ API для использования карт Google.

util.js:228 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

https://developers.google.com/maps/documentation/javascript/get-api-key

...