Question

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

Integrate a google map javascript API into blogger

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

因此有以下两个问题： - 有人可以为傻瓜发布一步一步的例子吗？ - 有人可以解释博客关于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>

模板HTML中的代码，就在/ head标记之前：

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

博客界面的“添加CSS”部分中的代码：

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

结果可以在这里看到：

https://www.blogger.com/template-editor.g?blogID=2449859911766492766

将Google Maps API集成到Blogger页面中

0 个答案: