Javascript 多个fancybox谷歌地图
如何将不同内容的弹出式fancybox放在不同的标记中? 我已经成功地设置了fancybox,但是您可以看到两个标记的内容是相同的。 我想找到一种方法,为每个制造商在我的fancybox中放入不同的内容Javascript 多个fancybox谷歌地图,javascript,jquery,html,google-maps-api-3,fancybox,Javascript,Jquery,Html,Google Maps Api 3,Fancybox,如何将不同内容的弹出式fancybox放在不同的标记中? 我已经成功地设置了fancybox,但是您可以看到两个标记的内容是相同的。 我想找到一种方法,为每个制造商在我的fancybox中放入不同的内容 <script type='text/javascript'>//<![CDATA[ $(function(){ function initialize() { var mapOptions = { zoom: 4, disableDefa
<script type='text/javascript'>//<![CDATA[
$(function(){
function initialize() {
var mapOptions = {
zoom: 4,
disableDefaultUI: true,
center: new google.maps.LatLng(45.35, 4.98),
mapTypeId: google.maps.MapTypeId.TERRAIN
}
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
addMarkerWithWindow("Lemans", new google.maps.LatLng(48.006922, 0.20874), map);
addMarkerWithWindow("Paris", new google.maps.LatLng(48.856291, 2.352705), map);
}
function addMarkerWithWindow(name, coordinate, map) {
$.fancybox({
content: url
});
var image = 'rss.png';
var marker = new google.maps.Marker({
map: map,
icon: image,
position: coordinate
});
var styles = [
{
featureType: "all",
stylers: [
{ saturation: -15 },
{ lightness: -10 },
]
},
];
map.setOptions({styles: styles});
<!-- ne pas utiliser -->
var url= "http://www.fancyapps.com/fancybox/";
<!-- ne pas utiliser -->
var div = document.createElement('DIV');
div.innerHTML = 'hello';
google.maps.event.addListener(marker, 'click', function() {
$.fancybox({
maxWidth : 800,
maxHeight : 600,
href : "rssddd/FeedEk_demo.html",
type : 'iframe'
});
});
}
initialize();
});//]]>
google.maps.event.addDomListener(window, 'load', initialisation);
</script>
//
变量url=”http://www.fancyapps.com/fancybox/";
var div=document.createElement('div');
div.innerHTML='hello';
google.maps.event.addListener(标记'click',函数(){
$.fancybox({
最大宽度:800,
最大高度:600,
href:“rssddd/FeedEk_demo.html”,
类型:“iframe”
});
});
}
初始化();
});//]]>
google.maps.event.AddDomainListener(窗口“加载”,初始化);
Démo:将第四个参数传递给
addMarkerWithWindow()
,例如:
addMarkerWithWindow("Lemans", new google.maps.LatLng(48.006922, 0.20874), map,
'http://lemans.org');
addMarkerWithWindow("Paris", new google.maps.LatLng(48.856291, 2.352705), map,
'http://parisinfo.com');
使参数在函数内部可访问:
function addMarkerWithWindow(name, coordinate, map, href) {
//your code
}
函数addMarkerWithWindow(名称、坐标、地图、href){
//你的代码
}
并将其用作fancyBox的href选项:
$.fancybox({
最大宽度:800,
最大高度:600,
href:href,
类型:“iframe”
}); 我想您需要将href属性设置为变量,并让它根据单击的标记使用正确的值将该变量拉入。恐怕我不知道该怎么做,但也许这会把你推向正确的方向。 $.fancybox({ maxWidth : 800, maxHeight : 600, href : href, type : 'iframe' });