Question

我已经阅读了很多关于我的问题的解决方案，但是没有一个解决方案适合我。我的地图未加载

这是我的HTML

 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(41.7429109,24.391538699999955)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>

</head>
<body onload="initialize()">


            <div id="map_canvas"></div>
</body>

css我认为问题出在这里

    body {
    height:100%;
    width:100%;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #666;
    background:#302f2f ;
}

  #map_canvas {
    width:300px;
    height:300px;
  }

所以请帮帮我

Answer 1

您的html元素具有ID＆＃39; map_canvas＆＃39;，您的javascript将其作为＆＃39; map-canvas＆＃39;。

它无法找到您错误拼写ID的元素！：O）

Google地图地图未加载

1 个答案: