Google Maps JS示例未显示

时间:2016-07-29 15:46:47

标签: javascript ruby-on-rails google-maps google-maps-api-3

add_filter('wpseo_title','custom_seo_title',10,1);

function custom_seo_title(){
    $title='Your new title'; //define your title here
    return $title;
}

我试图从本教程中获取此地图,以便在我的Rails 4应用中显示。 https://developers.google.com/maps/documentation/javascript/examples/map-simple

使用API​​密钥,它似乎完全消失,而不会在控制台中显示任何消息。

但没有显示的关键 enter image description here

1 个答案:

答案 0 :(得分:1)

这项工作对我来说

<!DOCTYPE html>
    <html>
      <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
        <meta charset="utf-8">
        <style>
          html, body {
            height: 100%;
            margin: 0;
            padding: 0;
          }
          #map {
            height: 100%;
          }
        </style>
      </head>
      <body>
        <div id="map"></div>
        <script>
          var map;
          function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: -34.397, lng: 150.644},
              zoom: 8
            });
          }
        </script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBlcVddNcJrrifavMfBBHkGhmh8ajmskbU&callback=initMap"
        async defer></script>
    </body>
</html>

无论如何还要添加一个宽度来映射容器

     #map {
        height: 100%;
        width: 100%;
      }