未显示Google地图API地图

当我使用Google地图API时，无法显示我的地图。我正在尝试构建一个应用程序，并且它不会在那里工作，但是在我制作的这个测试页面中它也被破坏了。有谁知道我做错了什么？未显示Google地图API地图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
function initialize() { 
    console.log("Initializing..."); 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
} 
</script> 
</head> 

<body onload="initialize()"> 
<div id="map_canvas" style="height: 100%; width: 100%;"></div> 
</body> 
</html>

感谢您的任何帮助。我很困惑！

来源

2010-09-18 Tim Rogers

这是相关的，也许回答这个问题 http://stackoverflow.com/a/10210153/1330710 – rolfk 2013-09-17 12:51:24

-1

它似乎并没有出现在我的客户的现场网站上。直到几天前，它一直在努力。也许谷歌更新了JS和什么坏了？因为什么都没有改变在我的身边......

来源

2010-09-19 01:31:43

给你map_canvas div的一个固定的宽度和高度，你的榜样将正常工作：

<div id="map_canvas" style="width: 500px; height: 400px;"></div>

否则，设置高度为您html和body为谷歌做在API tutorials：

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    #map_canvas { height: 100% } 
</style>

来源

2010-09-19 01:49:07

您好感谢，我有同样的问题，使用您的解决方案，但现在我的整个页面成为谷歌地图...如何解决这个问题？ – Mostafa 2018-01-03 06:18:43

您可能想为包含该地图的div制作一些自定义CSS。我做了下面的代码在我的CSS .. 希望它有助于：D欢呼！

.map 
{ 
/* padding:5px;*/ 
    float:left; 
    background-image:url('../images/mapContainer.png'); 
    width: 155px; 
    height: 123px; 
    background-repeat: no-repeat; 
} 
.mapImage 
{ 
    padding-top: 4px; 
    padding-left: 4px; 
    width: 146px; 
    height: 114px; 
} 
.mapAndInfoContainer 
{ 
    float:left; 
    width: 100%; 
    height: 120px; 
}

来源

2012-12-10 06:45:41 user1890884

未显示Google地图API地图

回答

相关问题