2012-04-18 222 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令牌相對的用戶驗證。