Google Map API Key Issue Javascript

Question

Я сгенерировал ключ API на https://console.cloud.google.com., а затем я использую этот ключ в своем коде, например "https://maps.googleapis.com/maps/api/js?key=MyKey&callback=initMap", в своем теге скрипта. Когда я посещаю сгенерированный URL, то это говорит об ошибке:

Вы должны использовать ключ API для аутентификации каждого запроса к API Google Maps Platform. Для получения дополнительной информации, пожалуйста, обратитесь к http://g.co/dev/maps-no-account

    function initMap(){
        //
    }
    var x = document.getElementById('output');

    function getLocation() {
        if (navigator.geolocation){
            navigator.geolocation.getCurrentPosition(showPosition);
        }
        else{
            x.innerHTML = "Browser Not Compatible";
        }
    }
    function showPosition(position) {
        x.innerHTML = "latitude = "+position.coords.latitude;
        x.innerHTML += "<br>";
        x.innerHTML += "longititude = "+position.coords.longitude;

        var locAPI = "http://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude+"&sensor=true";
        x.innerHTML = locAPI;

    }

<div id="wrapper">
    <button id="location-button"
    onclick="getLocation()">Get User Location</button>
    <div id="output"></div>
</div>

Может ли какой-нибудь орган, пожалуйста, помогите мне решить эту проблему

Answer 1

Я думаю, вы пропустили ключевой параметр в showPosition().Можете ли вы попробовать это:

function showPosition(position) {
    x.innerHTML = "latitude = "+position.coords.latitude;
    x.innerHTML += "<br>";
    x.innerHTML += "longititude = "+position.coords.longitude;

    var locAPI = "http://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude+"&sensor=true&key=your_key";
    x.innerHTML = locAPI;

}

Надеюсь, это поможет!