Google Maps API错误:MissingKeyMapError,但我有一个密钥

时间:2017-05-20 09:24:59

标签: google-maps google-maps-api-3

Google Maps API错误:MissingKeyMapError, 但我有一个API密钥,并将其传递给js。为什么它不起作用?

<script src="https://maps.googleapis.com/maps/api/js?Key=MY_API_KEY&callback=myMap"></script>

<div id="googleMap" style="width:100%;height:380px;"></div>
<script>
    function myMap() {
        var mapProp = {
            center: new google.maps.LatLng(30.331917,57.017670),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
    }
</script>

我的测试页:http://shahrkharid.org/GoogleMap.html

Pic API key from Google

1 个答案:

答案 0 :(得分:2)

参数名称区分大小写。您应该使用key=...代替Key=...

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