将 google 映射 javascript API 集成到 blogger

Question

我正在使用 Blogger 和 Google 地图 API。

这就是我所做的:

在我添加的模板编辑器中，自定义->高级->添加您的 CSS :

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

然后在模板的页眉中，我在 </head> 之前添加：

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

最后，我尝试在 HTML 编辑器中使用 Right Bar 小部件 HTML/Javascript 和过去：

<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>

你可以在这里看到结果：

http://f4eor.blogspot.com

没有任何效果，但整个代码在我计算机上的记事本创建的简单 HTML 页面中运行良好。

感谢您的帮助。

Answer 1

使用固定高度（例如height: 150px;）

将 google 映射 javascript API 集成到 blogger

Integrate a google map javascript API into blogger

javascript

google-maps

blogger

google-maps-api-3