Google maps 将谷歌地图API集成到博客页面

我试图找到关于此事的信息，但唯一的帖子似乎是：

我遵循了这个方法（包括高度：150px修改；），只更改了API键，但运气不好。刷新页面时，控制台中出现错误“InvalidKeyMapError”。但是我在模板的HTML中使用的密钥肯定是有效的，我甚至用新生成的密钥进行了尝试

因此，有以下两个问题： -有人能为傻瓜贴一个循序渐进的例子吗？ -有人能解释一下blogger在集成javascript或其他API方面的局限性吗？或者给我指出正确的方向，在那里我可以找到这些信息

代码如下：

侧边栏中的HTML小工具：

<script type="text/javascript">
  function initialize() {
  var mapOptions = {
  center: { lat: -34.397, lng: 150.644},
  zoom: 8
  };
  var map = new google.maps.Map(document.getElementById('map-canvas'),
    mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

结果如下所示：

---

发布的结果URL需要访问权限。发布的结果URL需要访问权限。

<script src='http://maps.googleapis.com/maps/api/js?key=AIzaSyAXprv_TXEju4E-phldszJrt2VNbxfIMkU' type='text/javascript'>
</script>

#map-canvas {
  height: 150px;
  margin: 0px;
  padding: 0px
}