2

Google Maps Places API の使用を開始したばかりで、このコードをまとめることができましたが、マップが表示されません。どこかの小さなエラーだと思いますが、見つけられません。また、このようなエラーをキャッチするのに適したオンラインまたは無料の IDE はありますか?

コード: http://jsbin.com/ifuwel/1/edit

4

2 に答える 2

2

2 つの異なる ID (「map」と「map_canvas」) があります。それを試してください：

map = new google.maps.Map(document.getElementById('map_canvas'), {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: pyrmont,
    zoom: 15
});
于 2012-09-07T15:44:32.513 に答える
-2

この基本的な例を試してください

HTML

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

Javascript

    <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% にするのに役立ちます

于 2012-09-07T16:05:10.450 に答える