此页面未正确加载Google地图。有关在2秒内显示地图的技术details.before，请参阅JavaScript控制台

Question

我正在使用google map 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

更新:看起来你的代码没问题。我认为这是你在谷歌开发人员控制台中配置网站设置的方式的一个问题-看看SO post。

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