关注响应式Google地图？

Question

我看了SO并在实际问题中实现了答案。

但是得到错误：

Uncaught ReferenceError: google is not defined

我通过嵌入iframe添加我的地图，直到我的JS才会运行

$(document).ready(function(){

那我哪里错了？

Answer 1

我认为谷歌之前会检查你的APIKEY。

尝试在documentation中描述的方法，在scrips标记内传递回调;）

  <script type="text/javascript">

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}

</script>
<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>