通過jQuery顯示Google Map頁面AJAX

我正在使用名爲jTip的jQuery工具提示插件（http://www.codylindley.com/blogstuff/js/jtip/）。

這個插件有效地將另一個頁面加載到它正在顯示的工具提示中。

所以我創建了另一個頁面，裏面有一個小的谷歌地圖。該頁面沒什麼特別的，它只顯示帶有單個標記的谷歌地圖。

谷歌地圖頁面的鏈接如下所示。

<a href="my_ajax_page.php?width=375" class="jTip" id="one" name="This is a tooltip header">Click here!</a>

如果我直接轉到此頁面，則頁面顯示正常。但是，通過工具提示插件，地圖不再顯示。地圖頁面如下。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
    function initialize() 
    { 
     var latlng = new google.maps.LatLng(35, 101); 
     var myOptions = { zoom: 15, center: latlng, 
          mapTypeId: google.maps.MapTypeId.ROADMAP }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var marker = new google.maps.Marker({ position:latlng, 
               map: map, 
               animation: google.maps.Animation.DROP }); 

    } 
    </script> 
</head> 
<body> 
    <div id="map_canvas" style="width:300px;height:300px"></div> 
</body> 
</html>

有關如何做到這一點的任何建議？

來源

2011-06-02 ericbae

你可以發佈你的代碼嗎？你有沒有嘗試在FF w/Firebug控制檯運行中運行這個？任何控制檯輸出？ – Teddy 2011-06-02 13:48:26