Javascript 谷歌地图api示例加载地图不工作

我从谷歌地图api开发者网站上看到了这一点

我将尝试测试这个示例。但这不起作用，我不知道为什么不起作用

下面是我的HTML代码：

<div class="six columns padding_right_left_clean">
    <div class="responsiveContainer">
        <div id="map-canvas"></div>
    </div>
</div> 

希望有人能帮助我。

您在代码中插入了

了吗？

---

您应该在这个链接上找到Google Map API:

在html中包含API js，这样您就可以实际拥有这些变量了吗？我使用Google maps API:我使用的变量来自API js。我不知道为什么我看不到地图您的地图分区没有大小。您的意思是我的id地图画布没有高度和宽度？是的：查看您是否需要“响应”布局。小心css。可能你忘记了html，body，map canvas{height:100%；margin:0px；padding:0px}

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);