谷歌地图地点API地图未显示

Google Maps Places API Map not showing up

本文关键字：显示 地图 API 谷歌地图      更新时间：2023-09-26

我刚开始使用google地图放置API，并能够将这些代码组合在一起，但地图没有显示。我想这是一个小错误，但我找不到。如果有人能指出它，那将是一个巨大的帮助，还有任何在线或免费的IDE可以捕捉这样的错误吗？

代码：http://jsbin.com/ifuwel/1/edit

您有两个不同的ID（"map"answers"map_canvas"）。试试看：

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

试试这个的基本示例

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%的宽度和高度（如果需要）

相关文章：