通过jQuery AJAX显示Google地图页面_Jquery_Google Maps

通过jQuery AJAX显示Google地图页面

jquery google-maps

通过jQuery AJAX显示Google地图页面,jquery,google-maps,Jquery,Google Maps,这就是我要做的我正在使用一个名为jTip的jQuery工具提示插件(http://www.codylindley.com/blogstuff/js/jtip/) 这个插件有效地将另一个页面加载到它显示的工具提示中因此，我创建了另一个页面，其中有一个小谷歌地图。该页面没有什么特别之处，它只显示一个带有单个标记的谷歌地图谷歌地图页面的链接如下所示 <a href="my_ajax_page.php?width=375" class="jTip" id="one" name="This

这就是我要做的

我正在使用一个名为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>


函数初始化（）
{
var latlng=新的google.maps.latlng（35101）；
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，
地图：地图，
动画：google.maps.animation.DROP}）；
}

有什么建议吗？

让jTip在

iframe

中打开新页面，或者制作另一个包含地图页面的

iframe

的页面，并将该页面加载到jTip中

如果您不想使用iFrame，请查看谷歌地图。

我建议使用谷歌地图API来实现这一点：

我在这个站点上用jQuery UI成功地实现了这一点：

非常欢迎您查看sabramedia.js，其中的代码与Google API接口

注意：我没有设计这个网站。我只是为他们设置了“地图”对话框。

你能发布你的代码吗？您是否尝试过在FF和Firebug控制台中运行此功能？任何控制台输出？是否有使用iframe的具体原因？@ebae正如您自己所说的，异步加载到页面时，它不起作用。因此，除非您想开始更改加载地图的方式，或者jTip加载内容的方式，否则使用iframes将允许您保持代码的原样。我要试一试。但是你知道为什么它不起作用吗？