› Forums › Easy FancyBox Pro › Multiple Links Within iframe
- This topic has 1 reply, 2 voices, and was last updated 6 years, 8 months ago by Rolf.
22 September 2016 at 00:12 #7065Ben DavisParticipant
I was curious if it would be possible to include two links within the same iframe. I am using Goole Fusion Tables to visualize data, and I would like to show the card and the map in the same frame.
Here is a link to the page I am working on, the “I” icon and the Texas icon contain the links that I would like to join separately:
You have offer such great advise in the past and I wondered if you could help with this challenge.
23 September 2016 at 00:21 #7067RolfKeymaster
Hi Ben, see what you mean there… I’m not very familiar with Google Fusion Tables but I guess the ideal would be to have one link that opens up the MAP view with the CARD info window already opened, without the user needing to search and click the related icon.
I’ve searched the documentation but cannot find any useful tips but found nothing for Fusiontables. For example, basic Google Maps used to have URL parameters like “iwd” and “iwloc” to control info window states. Not sure that even exists anymore but there might be something similar for Fusion Tables. You might want to ask on the support forum https://productforums.google.com/forum/#!forum/google-fusion-tables if there is such a possibility.
If not, then there is another solution:
You’ll have to switch Easy FancyBox to Inline Content mode and create a hidden div on each page that contains both the the embedded card iframe code and the map iframe code and link to that…
<a href="#info">i</a> <div class="fancybox-hidden"><div id="info" style="width:566px;height:900"> <iframe src="https://fusiontables.google.com/embedviz?viz=CARD&q=select+*+from+1J7LDJg5poogxCbD--kCVzwBuXW9xHU9nZbc3P9Ab+where+col3+%3D+%27Lewis%2C+Lucy%27&tmplt=3&cpr=2" width="100%" height="480" frameborder="0" /> <iframe src="https://fusiontables.google.com/embedviz?q=select+col1+from+1J7LDJg5poogxCbD--kCVzwBuXW9xHU9nZbc3P9Ab&viz=MAP&h=false&lat=30.26880413802582&lng=-95.40978623638527&t=1&z=8&l=col1&y=2&tmplt=2&hml=GEOCODABLE" width="100%" height="420" frameborder="0" /> </div></div>
(untested, might not look or fit good yet)
- You must be logged in to reply to this topic.