Search…

X3 Photo Gallery Support Forums

Search…
 
kaptainlu
Topic Author
Posts: 7
Joined: 12 Dec 2012, 16:58

How to Add Google Maps in Website

03 Apr 2013, 07:08

Hi folks,

is there any chance to add a part of googlemaps on my website?
i would like to have it like this....

http://www.der-foto-koenig.de/service/anfahrt
and under the map a little text.

I have allready googled for it and found some html generators.
But when i entered the html code, nothing happened :(

thanks a lot!
 
tschortsch
Experienced
Posts: 150
Joined: 01 Apr 2010, 17:23

How to Add Google Maps in Website

03 Apr 2013, 07:50

Yes, you can display Google maps with the lightbox feature! It's really easy and you can find several samples in the documentation.

https://www.photo.gallery/documentation/lightbox/

Don't think you can add text to the map using this feature but you can set a pin to your location, text possible with a google account..
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: How to Add Google Maps in Website

03 Apr 2013, 22:54

As tschortsch mentioned, you can open Google map links nicely in a lightbox, but you cannot embed them directly into a textpage.

check the demo here:
https://www.photo.gallery/demo/x2/#/about/
(click the "Map" link in the text)

Optionally, you can open the map from a link in the main menu. It is explained here:
https://www.photo.gallery/documentation/lightbox/
(scroll down to "Open a Google Map")
 
kaptainlu
Topic Author
Posts: 7
Joined: 12 Dec 2012, 16:58

Re: How to Add Google Maps in Website

04 Apr 2013, 16:04

ok, thanks this is working for me. but only if i put the link:
javascript:lightbox('https://maps.google.com/maps?q=New+York ... tput=embed', {iframe:true})
on a text...

i would like to have it like on the screenshot.
tha strage thing is....on the edit mode, it shows how it is supposed to be.
but when i save it, it dissappears :(

why?

this is the link to my page...
http://eiscafe-gioia.de/#/anfahrt/
Attachments
1.jpg
1.jpg (47.63 KiB) Viewed 3639 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: How to Add Google Maps in Website

05 Apr 2013, 08:00

kaptainlu wrote:i would like to have it like on the screenshot.
tha strage thing is....on the edit mode, it shows how it is supposed to be.
but when i save it, it dissappears :(
You cannot add Google Maps like that, because Flash TEXTFIELDS are for TEXT ONLY ... You cannot display iframes or dynamic maps or any other advanced HTML. Although the map works and is visible in the editor, this does not mean the Flash textfields (in Imagevue) are able to show it ... Sorry.

You need to open map in a lightbox, either from a text link or from a menu item.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: How to Add Google Maps in Website

06 Apr 2013, 13:04

Code
<a href="javascript:lightbox('http://maps.google.de/maps?q=Berliner+Platz+7,+61476,+Kronberg+im+Taunus&hl=de&sll=51.238455,6.81435&sspn=0.220536,0.47721&output=embed', {iframe:true, width:'95%', height:'95%'})">Hier</a>