此页面未正确加载 Google 地图。有关技术详情，请参阅 JavaScript 控制台。在 2 秒内显示地图之前

Question

我正在使用来自谷歌地图 API 的代码并输入 API 密钥，但仍然收到上述错误

@{
    Layout = null;
}
<style>
   #map {
        height: 400px;
        width: 200px;
}
</style>
<div id="map"></div>
<script>
    function initMap() {
       var map = new google.maps.Map(document.getElementById('map'), {
       center: { lat: 10.523900, lng: 76.212250 },
       zoom: 8
        });
      }
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAi6Ztik8PTvZFBFieP0k7aVWGMdNGHJ9c&callback=initMap"></script>

Answer 1

更新：看起来您的代码没问题。我认为这是您在 Google 开发者控制台中配置网站设置的方式的问题 - 请查看 SO post。

这需要确保您正确输入域通配符 (http://www.example.com/*) 并启用所需的 API (Maps JavaScript API)。