Skip to content

Instantly share code, notes, and snippets.

@apricot13

apricot13/popup.html

Created May 9, 2015 11:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save apricot13/f74e254f16a3b90a93c6 to your computer and use it in GitHub Desktop.
Save apricot13/f74e254f16a3b90a93c6 to your computer and use it in GitHub Desktop.
Download ZIP
Google Maps: popup map Uses fancybox http://fancybox.net/ (not fancybox 2)
Raw
popup.html
<a id="popupmap" href="popuplocationmap.html"><img src="map.png" width="31" height="33" class="contactMap"/></a>
Raw
popup.js
$("a#popupmap").fancybox({
'frameWidth': 600, 'frameHeight': 500,
});
Raw
popuplocationmap.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<iframe width="600" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?q=cardiff+medicentre&amp;hl=en&amp;sll=51.513657,-3.214703&amp;sspn=0.086746,0.154324&amp;ie=UTF8&amp;hq=cardiff+medicentre&amp;hnear=&amp;vpsrc=6&amp;ll=51.507674,-3.18346&amp;spn=0.006678,0.012896&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?q=cardiff+medicentre&amp;hl=en&amp;sll=51.513657,-3.214703&amp;sspn=0.086746,0.154324&amp;ie=UTF8&amp;hq=cardiff+medicentre&amp;hnear=&amp;vpsrc=6&amp;ll=51.507674,-3.18346&amp;spn=0.006678,0.012896&amp;z=16&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment