jQuery経由でGoogleマップのページを表示するAJAX

ここに私がしようとしていることがあります。jQuery経由でGoogleマップのページを表示するAJAX

私は、jTip（http://www.codylindley.com/blogstuff/js/jtip/）というjQueryツールチッププラグインを使用しています。

このプラグインは、実際に表示されているツールチップに別のページを読み込みます。

私はそこに小さなGoogleマップを持つ別のページを作成しました。このページは特別なものではなく、単なるマーカー付きのGoogleマップを表示します。

Googleマップページへのリンクは次のようになります。

<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