[TYPO3-english] googlemap with lightbox

Wed Oct 15 16:28:17 CEST 2008

i downloaded the js and css for lightbox, made following html and want to
call it per content element HTML with anchor:
<a href ="/fileadmin/templates/google_map.html" rel = "lightbox"> my google
map </a>

thinking that it will open with lightbox functionality, but it doesn't. only
the map is opened at left top most corner.
can't we call html file fot lightbox? Are they only for images??

tis is mygoogle_map.htmll:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css"
media="screen" />

    <script src="
http://maps.google.com/maps?file=api&v=2&key=ABQIAATAG_sHfVUEWIpuOcTYSpjf0RSSO8n8LO4PjCsUkHZao61_1VK4YRTHbKDaDy7GPGOI2sLu_O1pfZEy2w
"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    var WINDOW_HTML = '<div style="width: 210px; padding-right: 10px"><a
href="http://www.hostrocket.com">HostRocket</a> servers are located at 21
Corporate Drive, Clifton Park, NY 12065. Phone: 1-866-519-7079</div>';

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(42.8487, -73.755), 13);
    var marker = new GMarker(new GLatLng(42.8487, -73.755));
    map.addOverlay(marker);
    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(WINDOW_HTML);
      });
    marker.openInfoWindowHtml(WINDOW_HTML);
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

2008/10/15 Rupali Gupta <rupali.ffm at googlemail.com>

> has anybody tried googlemap with lightbox functionality?
> --
> Regards,
> Rupali
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-english at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>

-- 
Regards,
Rupali