I'm just curious about using the jQuery plugin "Prettyphoto" to display embedded Google Maps.

Does anyone know if it can be done, and if so, how??

2 answers

Masey 0
This was chosen as the best answer

Thanks Brian. I kind of worked it out on my own anyway, but you were right, you use the iframe function:

<a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Granville+Island,+Vancouver&amp;sll=49.293533,-123.13189&amp;sspn=0.010454,0.032637&amp;ie=UTF8&amp;hq=&amp;hnear=Granville+Island,+Canada&amp;ll=49.279565,-123.129787&amp;spn=0.020917,0.065274&amp;t=h&amp;z=14&amp;iwloc=A&amp;output=embed?iframe=true&width=640&height=480" rel="prettyPhoto[map]" title="This is a map.">THE LINK</a>

Thanks for you help.

Answered almost 10 years ago by Masey


This is based off the example on the page you linked. At the bottom of the page is a snippet:

a href="http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Link Name (apple)

Replace the link in there with the iframe info from the GoogleMaps embed link:

< iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?ie=UTF8&ll=37.0625,-95.677068&spn=50.291089,79.013672&t=h&z=4&output=embed">< /iframe>

This content is inbetween the < iframe> < /iframe> tags.

If you have the website in question and more information I can help provide more specific information.


Answered almost 10 years ago by Brian Y.