2011-07-18 58 views
0

我有2個JavaScripts註冊到一個頁面。一個是谷歌地圖API和另一個是初始化函數來加載和創建地圖。現在無論我先放哪一個都能成功工作,但無論我放哪一個都不會正確加載。所以,如果我把googleapi放在第一位,螢火蟲會告訴我初始化不存在,反之亦然。所以我怎樣才能成功加載。下面是頁面和JS一些JS加載和其他不是

<!DOCTYPE html> 

<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" /> 

    <script type="text/javascript"> 
     function initialize() { 
      var myLatLng = new google.maps.LatLng(43.652073, -79.382293); 
      var myOptions = { 
       zoom: 8, 
       center: myLatLng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     } 
    </script> 

    <asp:ContentPlaceHolder ID="Header" runat="server"> 
     <ucHead:UC_Header runat="server" ID="UC_Header" /> 
    </asp:ContentPlaceHolder> 
</head> 
<body onload="initialize()"> 
    <div class="sidePanel"> 
     <ucMenu:UC_Menu runat="server" ID="UC_Menu" /> 
    </div> 
    <div class="mainContent"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
    </div> 
</body> 
</html> 
+0

您的源代碼中是否缺少或者只有您的粘貼?一切看起來都很好,剩下的代碼...... – jbabey

+0

UC_HEader中的內容是什麼? – dstarh

+0

@ jbabey錯過了這一切的粘貼... – DMCApps

回答

4

您必須接近腳本標記......

不能做到這一點:

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

必須是這樣的:

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

釘着它,我的地圖現在完美顯示!非常感謝!任何關於爲什麼腳本必須用另一個標籤關閉而不僅僅是最後一個/>的推理? – DMCApps

+0

@Dman - bc你**不能**用腳本標記做到這一點... – Neal

+0

哈哈好吧然後感謝 – DMCApps

0

您需要googleapis.com腳本標記後面的</script>標記。

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