如何把谷歌地图v3的fancybox谷歌地图v3

Question

我有一个谷歌地图（v3）我放置了几个书签，我希望能够点击书签和提取一个Fancybox iFrame。我试过，但它不工作

var marker = new google.maps.Marker({ 
       position: {lat: element.COOR_varCoordenadaLatitud, lng: element.COOR_varCoordenadaLongitud}, 
       map: map, 
       icon: image, 
       shape: shape, 
       title: element.COOR_varNombre, 
       zIndex: element.COOR_intId 
       }); 
marker.addListener('click', function() { 
       var src='http://localhost:8000/monumento/vistaindividual/13'; 
       $.fancybox.open({ 
       href: src, 
       type: 'iframe', 
       padding: 0 
       }); 
} 

Answer 1

你需要首先声明该标记，然后使用谷歌地图对象添加事件点击你的标志，例如：

var marker=new google.maps.Marker({ 
    position:centerPosition, 
    url: '/' 
}); 
google.maps.event.addListener(marker, 'click', function() { 
       var src='http://localhost:8000/monumento/vistaindividual/13'; 
       $.fancybox.open({ 
       href: src, 
       type: 'iframe', 
       padding: 0 
       }); 
});