2012-04-18 217 views
3

我试着放置一个谷歌地图在我的网站,但它不工作。这是我的代码。任何人都可以告诉我我做错了什么。由于谷歌地图不显示

<head> 
<title>Environment Impact</title> 
<link rel="stylesheet" href="style.css" type="text/css"> 
<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script> 


<script type="text/javascript"> 
    function initialize() { 
      var california = new google.maps.LatLng(-122.23354, 37.48787); 
      var myOptions = { 
      center: california, 
      zoom: 8, 
      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="width:800px; height:600px; border:1px solid #000;"></div> 
</body> 

回答

2

你有误格式化,并可能坏参数:

<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script> 

应该是这样的:

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=TRUE"></script> 

确保了MY_API_KEY是由您的谷歌地图所取代API密钥,或者如果您不需要,就干脆忽略此参数。 不知道你想要的sensorTRUE,我只是因为你有一个孤儿=TRUE参数

+0

非常感谢。我不相信我没有意识到这个愚蠢的错误。再次感谢 :) – cclerville 2012-04-18 00:55:56

2

你的脚本行应该是

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

而且california不是一个有效的中心,你需要的latLng,如:

center: new google.maps.LatLng(37.19533058280067, -120.234375),

2

错误

<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script> 

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=true"></script> 
1
<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script> 

这是不对的,在所有

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=false"></script> 

将接近于猜到了,如果是这样的问题

0

是script标签必须

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

and set sensor = false

0

顺便说一句,根据应用程序,Url中的参数sensor必须设置为true或false。如果应用程序使用像gps发射器这样的传感器来查找用户位置,它是true。更多信息here

只有当网站/应用没有Google oauth访问令牌时,才需要将参数作为参数,并且不会导致与oauth令牌相对的用户验证。