Hello. I would like to show the map inside fancybox and have some issues
If i use
<a class="google_iframe" href="https://maps.google.com/maps/ms?ie=UTF8&msa=0&msid=202414688179067925321.0004d62815a849d23c081&t=h&ll=43.36373,16.508332&spn=1.617251,3.364563&output=embed">
click here for fancy
</a>
<script>
$(document).ready(function() {
$(".google_iframe").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
}
});
});
</script>
the map shows fine but i need to show the location of the listing.
So, i try to use it like this
<a id="google_iframe" href="#view">
click here for fancy
</a>
<div id="view" style="width:500px; height:300px; display: none;">
<?php osc_run_hook('location'); ?>
</div>
<script>
$(document).ready(function() {
$("a#google_iframe").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
});
});
</script>
and is not working. Fancy box opens but map doesn't show.
If i use
<script type="text/javascript">
$(document).ready(function() {
$("a#popupmap").fancybox({
fitToView : true,
'autoSize': false,
closeClick : false,
closeEffect : 'none',
});
});
</script>
the map will show but only for half and on resize will not stay centered.
The pointer must stay always in the center and i would like to have the map big, like 100% no matter on which device is shown
Something like you see when you click on the map from
http://auto.demoflynax.com/autos/dodge/challenger/dodge-challenger-srt-8-8.html