2012-09-19 46 views
13

我想利用地理定位和方向的功能,但有google is not defined錯誤。代碼如下:未捕獲的ReferenceError:谷歌沒有定義

function loadScript() { 
      var script = document.createElement('script'); 
      script.type = 'text/javascript'; 
      script.src = "https://maps.googleapis.com/maps/api/js?key=mykey&sensor=true" + "&callback=initialize"; 
      document.body.appendChild(script); 
     } 

看來,loadScript不起作用!

var mapOptions = { 
       zoom : 13, 
       mapTypeId : google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 

錯誤從此處跳出。有誰知道如何弄清楚?我需要使用密鑰來獲得地理定位服務,所以

<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script> 
+0

使用流行的標籤來描述的語言和技術所使用。這將幫助人們找到你的問題並回答它。 – Artemix

回答

11

我嘗試了我自己,我不能用簡單的與此代碼 - 它工作得很好,我

動態與主要

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 
     html { height: 100%; } 
     body 
     { 
      height: 100%; 
      margin: 0px; 
      padding: 0px; 
     } 
     #map_canvas { height: 100%;} 
    </style> 
    <script type="text/javascript"> 
     function initialize() { 
      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); 
     } 
     var myKey = "ENTER_YOUR_KEY_HERE"; 
     function loadScript() { 
      var script = document.createElement('script'); 
      script.type = 'text/javascript'; 
      script.src = "https://maps.googleapis.com/maps/api/js?key=" + myKey + "&sensor=false&callback=initialize"; 
      document.body.appendChild(script); 
     } 
    </script> 
</head> 
<body onload="loadScript()"> 
    <div id="map_canvas" style="width: 100%; height: 100%"> 
    </div> 
</body> 
</html> 

靜態無鑰匙

... 
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"> 
</script> 
</head> 
<body onload="initialize()"> 
    ... 

當通過網絡衝浪我跌逾的重要注意事項!

Google Maps JavaScript API v3

The Google Maps JavaScript API v3 does not require an API key to function correctly. However, we strongly encourage you to load the Maps API using an APIs Console key which allows you to monitor your application's Maps API usage. Learn how to use an APIs Console key.

Google Maps API

所以,顯然你不再需要開發人員密鑰! 靜態無鑰匙dynamnic與關鍵 - - 都工作,我既嘗試了。

11

如果人們越來越控制檯錯誤那麼這裏是一個簡單的解決方案,我申請。

包括在給定的順序腳本文件..

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 

首先必須包括「maps.googleapis.com/maps/api/js?sensor=false」第一,然後去jQuery庫,將其取下從下面兩個(它會工作。)我希望它肯定會工作。

0

谷歌沒有定義意味着你的谷歌地圖庫沒有加載,這意味着你在https或http上,而你通過http ot https請求,因此將其更改爲https或http .... 意思是如果你在然後

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

http表示,如果你是HTTPS然後

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
相關問題