Fancybox and Google Map

[atelier26]

Hello,

Did some of you succeeded to load Google Maps in a fancybox?

Please let me know

Paul

[Janis]

Hi,
I haven`t tried.

Janis

[atelier26]

Well I did. The map loads in the iframe mode, but there is a problem
with the position of the map.

It does work well in Safari on a Mac, but it fails in Firefox and IE.

Paul

[Janis]

Could you show example page?

[atelier26]

Here is the page.

It works OK only in Safari 3 and 4beta. Any other website will load
the map but it won't be shown correctly.

http://www.pensionmaria.eu/contact.html

Hope you can help.

Paul


On Mar 3, 9:51 am, Janis <janis.skarne...@gmail.com> wrote:
> Could you show example page?

[atelier26]

I forgot to mention :)

The FancyBox with the map should be loaded when pressing the Map
button (last option on the blue bar).

Paul

[a.l...@talkwebsolutions.co.uk]

Paul,

I have the exact same problem, running the page directly works fine,
the map is positioned great. But then calling it through FancyBox
throws it off, although it's only a problem when i have more than one
point on the map, just one works fine, more than one and it doesn't
focus.



Alex

[a.l...@talkwebsolutions.co.uk]

Paul,

I have the exact same problem, running the page directly works fine,
the map is positioned great. But then calling it through FancyBox
throws it off, although it's only a problem when i have more than one
point on the map, just one works fine, more than one and it doesn't
focus.



Alex


On Mar 4, 1:48 pm, atelier26 <paul.bo...@gmail.com> wrote:

[andyewebb]

Guys

I had the same issue, as all my code is dynamically built up. At the
point where i was setting the lat/long of the map centre, i just added
2 to the lat/long values, this adjusted the position of the map so it
was centered, bit of a hack but it works, then just did a browser
check to decide weather to add the values.

hope this helps.

On Mar 5, 2:58 pm, "a.ll...@talkwebsolutions.co.uk"

[atelier26]

Well thanks for the help. Haven't tried yet but I am curious how did
you came with this solution. Is that documented somewhere? Or was by
trial and error.

Paul

[atelier26]

I would be happy if the map would work fine only with one point,
because I only have one point.

Do you use the same v2 map or is a different Google map script?

Please let me know.

Best wishes,
Paul


On Mar 5, 4:58 pm, "a.ll...@talkwebsolutions.co.uk"

[atelier26]

Thanks. Than I look forward to visit the website when it will be
released.

Best wishes,
Paul

On Mar 6, 10:24 am, andyewebb <andyew...@gmail.com> wrote:
> No i just worked it out, it was a problem that i had been putting off,
> but due to my website nearlly being finished sore this thread and
> decided to have a look into it.
>
> What i worked out was when  i set the map to centre with the lat long
> of my point it would actully not centre, but it would put my point at
> the top left hand corner
>
> and yes i am using the version 2 of the scripts. i will put a link up
> to my site in a few days when i get it relealeased.
>
> Regards

[guilherme ioppe]

Hi,

I don't know which solution you guys used, but I did that and works
well for IE6, IE7, FF, Safari (MAC/PC).
This is the site I used http://www.mixscapacetes.com.br/contato.asp

Thanks,
Guilherme Ioppe

[westondweb]

Hey guys im having the same issue. But the above solution says to add
2. Add 2 to what? Which method am i adding 2 to? I've tried simply
adding 2 to the lat and long, but that puts me halfway around the
planet :).

Thanks

On Mar 26, 7:39 pm, guilherme ioppe <guilhermeio...@gmail.com> wrote:
> Hi,
>
> I don't know which solution you guys used, but I did that and works
> well for IE6, IE7, FF, Safari (MAC/PC).

> This is the site I usedhttp://www.mixscapacetes.com.br/contato.asp

>
> Thanks,
> Guilherme Ioppe
>
> On Mar 7, 2:06 am, atelier26 <paul.bo...@gmail.com> wrote:
>
> > Thanks. Than I look forward to visit the website when it will be
> > released.
>
> > Best wishes,
> > Paul
>
> > On Mar 6, 10:24 am, andyewebb <andyew...@gmail.com> wrote:
>
> > > No i just worked it out, it was a problem that i had been putting off,
> > > but due to my website nearlly being finished sore this thread and
> > > decided to have a look into it.
>
> > > What i worked out was when  i set the map to centre with the lat long
> > > of my point it would actully not centre, but it would put my point at
> > > the top left hand corner
>
> > > and yes i am using the version 2 of the scripts. i will put a link up
> > > to my site in a few days when i get it relealeased.
>
> > > Regards
>
> > > On Mar 6, 12:43 am, atelier26 <paul.bo...@gmail.com> wrote:
>
> > > > I would be happy if the map would work fine only with one point,
> > > > because I only have one point.
>

> > > > Do you use the same v2 map or is a differentGooglemap script?

[guilherme ioppe]

I also didn't understand that hehe...
So, you can use the same way I used here http://www.mixscapacetes.com.br/contato.asp

I didn't use the last version of fancybox, you can copy the js and the
way it works there.

Any problem, let me know.
Guilherme Ioppe

[Richard Collamore]

Hi-

The old version of fancy box used to show "fancy_progress.png" in iframes. Any idea why this is not working now?

Thanks

[guilherme ioppe]

I have the same doubt...

On Apr 3, 1:46 am, Richard Collamore <rcollam...@gmail.com> wrote:
> Hi-
>
> The old version of fancy box used to show "fancy_progress.png" in iframes.
> Any idea why this is not working now?
>
> Thanks
>

[JFK]

your answer:
http://xcodetuts.com/javascript-ajax/integrating-google-maps-into-fancybox/
really works fine (i did try it)

[Ragnarok]

it was great..but it seem not using fancybox, cause i can't find it ..
is anybody have a method to solved the center bug....

On Apr 17, 7:19 pm, andyewebb <andyew...@gmail.com> wrote:
> Hi I have just released my website which includes google maps and
> jquery working well together on multiple browsers.
>
> Have a look and let me know what you think
>
> http://www.righthorses.co.uk

>
> On 7 Mar, 06:06, atelier26 <paul.bo...@gmail.com> wrote:
>
> > Thanks. Than I look forward to visit the website when it will be
> > released.
>
> > Best wishes,
> > Paul
>
> > On Mar 6, 10:24 am, andyewebb <andyew...@gmail.com> wrote:
>
> > > No i just worked it out, it was a problem that i had been putting off,
> > > but due to my website nearlly being finished sore this thread and
> > > decided to have a look into it.
>

> > > What i worked out was when  i set themapto centre with the lat long

> > > of my point it would actully not centre, but it would put my point at
> > > the top left hand corner
>
> > > and yes i am using the version 2 of the scripts. i will put a link up
> > > to my site in a few days when i get it relealeased.
>
> > > Regards
>
> > > On Mar 6, 12:43 am, atelier26 <paul.bo...@gmail.com> wrote:
>

> > > > I would be happy if themapwould work fine only with one point,

> > > > because I only have one point.
>
> > > > Do you use the same v2mapor is a different Googlemapscript?
>
> > > > Please let me know.
>
> > > > Best wishes,
> > > > Paul
>
> > > > On Mar 5, 4:58 pm, "a.ll...@talkwebsolutions.co.uk"
>
> > > > <a.ll...@talkwebsolutions.co.uk> wrote:
> > > > > Paul,
>
> > > > > I have the exact same problem, running the page directly works fine,

> > > > > themapis positioned great. But then calling it through FancyBox

> > > > > throws it off, although it's only a problem when i have more than one

> > > > > point on themap, just one works fine, more than one and it doesn't

> > > > > focus.
>
> > > > > Alex
>
> > > > > On Mar 4, 1:48 pm, atelier26 <paul.bo...@gmail.com> wrote:
>
> > > > > > I forgot to mention :)
>
> > > > > > The FancyBox with themapshould be loaded when pressing theMap
> > > > > > button (last option on the blue bar).
>
> > > > > > Paul
>
> > > > > > On Mar 4, 3:46 pm, atelier26 <paul.bo...@gmail.com> wrote:
>
> > > > > > > Here is the page.
>
> > > > > > > It works OK only in Safari 3 and 4beta. Any other website will load

> > > > > > > themapbut it won't be shown correctly.

[Ragnarok]

it was great..but it seem not using fancybox, cause i can't find it ..
is anybody have a method to solved the center bug....

On Apr 17, 7:19 pm, andyewebb <andyew...@gmail.com> wrote:
> Hi I have just released my website which includes google maps and
> jquery working well together on multiple browsers.
>
> Have a look and let me know what you think
>
> http://www.righthorses.co.uk
>
> On 7 Mar, 06:06, atelier26 <paul.bo...@gmail.com> wrote:
>

> > Thanks. Than I look forward to visit the website when it will be
> > released.
>
> > Best wishes,
> > Paul
>
> > On Mar 6, 10:24 am, andyewebb <andyew...@gmail.com> wrote:
>
> > > No i just worked it out, it was a problem that i had been putting off,
> > > but due to my website nearlly being finished sore this thread and
> > > decided to have a look into it.
>

> > > What i worked out was when  i set themapto centre with the lat long

> > > of my point it would actully not centre, but it would put my point at
> > > the top left hand corner
>
> > > and yes i am using the version 2 of the scripts. i will put a link up
> > > to my site in a few days when i get it relealeased.
>
> > > Regards
>
> > > On Mar 6, 12:43 am, atelier26 <paul.bo...@gmail.com> wrote:
>

> > > > I would be happy if themapwould work fine only with one point,

> > > > because I only have one point.
>

> > > > Do you use the same v2mapor is a different Googlemapscript?
>

> > > > Please let me know.
>
> > > > Best wishes,
> > > > Paul
>
> > > > On Mar 5, 4:58 pm, "a.ll...@talkwebsolutions.co.uk"
>
> > > > <a.ll...@talkwebsolutions.co.uk> wrote:
> > > > > Paul,
>
> > > > > I have the exact same problem, running the page directly works fine,

> > > > > themapis positioned great. But then calling it through FancyBox

> > > > > throws it off, although it's only a problem when i have more than one

> > > > > point on themap, just one works fine, more than one and it doesn't

> > > > > focus.
>
> > > > > Alex
>
> > > > > On Mar 4, 1:48 pm, atelier26 <paul.bo...@gmail.com> wrote:
>
> > > > > > I forgot to mention :)
>

> > > > > > The FancyBox with themapshould be loaded when pressing theMap

> > > > > > button (last option on the blue bar).
>
> > > > > > Paul
>
> > > > > > On Mar 4, 3:46 pm, atelier26 <paul.bo...@gmail.com> wrote:
>
> > > > > > > Here is the page.
>
> > > > > > > It works OK only in Safari 3 and 4beta. Any other website will load

> > > > > > > themapbut it won't be shown correctly.

[JFK]

I think I didn't really understand the issue in my first reply. I did
dig further and found a workaround for the position problem. Check it
out at: http://jquery.diaz-cornen.com/fancybox/index_map.html

[Owca]

I have found very simple solution:

<a class="iframe" href="url-to-website-with-map.html" rel="popup-
map">map</a>

$("a[rel^='popup']").fancybox({
'frameWidth': 500,
'frameHeight': 500
});

Part of url-to-website-with-map.html file:

<div id="googleMap"></div>

<script type="text/javascript">
var map;

window.onload = function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("googleMap"), { size:new
GSize(500,500)}); <--- the most important thing.

you have to create map and set width and height. Vuala.