Google Maps Places API地圖未顯示

Question

我剛剛開始使用Google Maps Places API，並且能夠將這些代碼組合在一起，但未顯示地圖。 我可以想象這是一個小錯誤，但我找不到。 如果有人可以指出這將是巨大的幫助，並且在任何地方都可以找到在線或免費的免費IDE，以捕獲此類錯誤？

代碼： http ： //jsbin.com/ifuwel/1/edit

Answer 1

您有2個不同的ID（“地圖”和“ map_canvas”）。 試試看：

map = new google.maps.Map(document.getElementById('map_canvas'), {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: pyrmont,
    zoom: 15
});

Answer 2

試試這個基本的例子

的HTML

 <body onload="initialize()">
   <div id="map_canvas"></div>
 </body>

Java腳本

    <script>
  function initialize() {
    var mapOptions = {
      zoom: 4,
      center: new google.maps.LatLng(-33, 151),
      panControl: false,
      zoomControl: false,
      scaleControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById('map_canvas'),
                                  mapOptions);
  }
</script>

的CSS

    <style>
     html, body {
     height: 100%;
     margin: 0;
     padding: 0;
      }

     #map_canvas {
     height: 100%;
     }

     @media print {
     html, body {
     height: auto;
     }

     #map_canvas {
     height: 650px;
     }
      }
    </style>

如果需要，CSS可以幫助實現寬度和高度的100％

Google Maps Places API地圖未顯示

問題描述

2 個解決方案

解決方案1
2 已采納 2012-09-07 15:44:32

解決方案2
-2 2012-09-07 16:05:10

Google Maps Places API地圖未顯示

問題描述

2 個解決方案

解決方案1 2 已采納 2012-09-07 15:44:32

解決方案2 -2 2012-09-07 16:05:10

解決方案1
2 已采納 2012-09-07 15:44:32

解決方案2
-2 2012-09-07 16:05:10