Google maps Google Maps API错误：缺少KeyMapError，但我有一个密钥

谷歌地图API错误：MissingKeyMapError， 但我有一个API密钥，并将其传递给js。为什么它不起作用

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

及

函数myMap（）{
var mapProp={
中心：新google.maps.LatLng（30.331917,57.017670），
缩放：10，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}

我的测试页面：

---

参数名称区分大小写。您应该使用

key=…

而不是

key=…

<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>