2011-08-30 63 views
1

地图现在是链接:http://joostudio.info/test/的fancybox将不会从谷歌开放式地图V3市场信息窗口

正如你所看到的,从底部图像的fancybox工作得很好,但是当我把它从地图信息窗口就绝对没有按”工作。

下面是完整的页面源代码

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<meta charset=utf-8> 
<title>test</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("a#fb").fancybox(); 
}); 
</script> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> 
<script type="text/javascript"> 
var map; 

function runmap() { 

     var myLatlng = new google.maps.LatLng(43.154541,19.12315); 

     var myOptions = { 
     zoom: 10, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 

     var infowindow = new google.maps.InfoWindow({}); 

     var marker1 = new google.maps.Marker({ 
      map: map, 
      position: new google.maps.LatLng(43.145086,19.090633), 
     }); 

     google.maps.event.addListener(marker1, "click", function() { 
      infowindow.setContent('<a class="fb" href="fancybox/example/1_b.jpg"><img src="fancybox/example/1_s.jpg" alt=""/></a>'); 
      infowindow.open(map, marker1); 
     }); 

} 
</script> 

</head> 

<body onload="runmap()"> 
<div id="map_canvas" style="width: 972px; height: 500px"></div> 
</br> 
<a id="fb" href="fancybox/example/1_b.jpg"><img src="fancybox/example/1_s.jpg" alt=""/></a> 
</body> 
</html> 

我怎么能简单地从谷歌地图V3标志调用的fancybox?

非常感谢

回答

0

问题是你已经给你的fancybox链接在你的信息窗口一个class,而不是一个id

infowindow.setContent('<a class="fb" href="fancybox/example/1_b.jpg"> 
<img src="fancybox/example/1_s.jpg" alt=""/></a>') 

但你通过一个id

<script type="text/javascript">  
$(document).ready(function() {  
    $("a#fb").fancybox();  
});  
</script> 
叫它

底部图像工作的原因是您在使用id那里

<a id="fb" href="fancybox/example/1_b.jpg"><img src="fancybox/example/1_s.jpg" alt=""/></a>