Question

我已经在https://console.cloud.google.com上生成了api密钥。然后我在我的代码中使用该密钥我的脚本标签中的“ https://maps.googleapis.com/maps/api/js?key=MyKey&callback=initMap”。当我访问生成的URL时，这表明出现了错误：

您必须使用API密钥来验证对Google Maps的每个请求平台API。有关更多信息，请参阅 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;

}

希望这会有所帮助！

Google Map API关键问题Javascript

1 个答案: