Question

这是代码段。请有人帮助我，因为我无法在我的网页上运行地图。我已经尝试过我所知道的一切，但这也毫无用处......

地图在我的网页上没有显示任何内容...

<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
 function initialize() {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 12,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>


<div id="contact-right">

<div class="panel-pane pane-block pane-amazeelabs-google-map" id="map">
  <!--<div class="map">-->
    <div id="map-canvas"></div>  <!--</div>-->

  </div>


  <!--<div class="map">-->

    <div id="address">
    <p>Roy-Coy<br>
    Varanasi-221007<br>
    Uttar Pradesh<br>
    India</p>
    </div>
    <div id="we-are-waiting-for-you">
    <p id="tlf">+91 9805 463 715</p><br>
    <p id="email"><a class="spamspan" href="mailto:gaurav.roy142@gmail.com">gaurav.roy142@gmail.com</a></p><br>
<p id="twitter"><a href="http://twitter.com/gauravroy11">@gauravroy11</a></p>
</div>
<p>&nbsp;</p>
  <!--</div>-->
  </div> 
  </body>

我也检查了api文档，但也没用......地图没有显示任何内容。

Answer 1

你的地图div，＃map-canvas（不是#map）没有大小。

#map-canvas {

    width:200px;
    height:200px;
}

Working fiddle

谷歌地图没有显示在我的网页上

1 个答案: