Name: Seven Wonders of the world

Url:

Icon:

Content: <?xml version="1.0" encoding="UTF-8" ?> - <Module> - <ModulePrefs title="The 7 Ancient Wonders of the World" description="A Google Maps Mashup of the 7 Wonders of the World, Great Pyramid of Giza, Hanging Gardens of Babylon, Temple of Artemis, Statue of Zeus at Olympia, Mausoleum of Maussollos, Colossus of Rhodes and the Lighthouse of Alexandria." author="Juan A. Taylor" author_email="coolmaps.7wonders+coolgadget@gmail.com" height="150" screenshot="http://jtaylor.mapplets.googlepages.com/screenshot.jpg" thumbnail="http://jtaylor.mapplets.googlepages.com/thumbnail.jpg"> <Require feature="sharedmap" /> <Require feature="analytics" /> </ModulePrefs> - <Content type="html"> - <![CDATA[ <link rel="stylesheet" type="text/css" href="http://jtaylor.mapplets.googlepages.com/ancientwonders_gadget.css"> <center> <table id="name_title" border="0"> <tr><td>The 7 Ancient</td></tr> <tr><td>Wonders of the World</td></tr> <tr><td><span class="promote">See other 7 Wonders at <a href="http://coolmaps.7wonders.googlepages.com">Coolmaps:7Wonders</a> ..<a href="http://coolmaps.7wonders.googlepages.com/medievalwonders.html">Wonders of the Medieval Mind</a>, <a href="http://coolmaps.7wonders.googlepages.com/modernwonders.html">Modern Wonders</a>, <a href="http://coolmaps.7wonders.googlepages.com/naturalwonders.html">Natural Wonders</a>, <a href="http://7wonders.usa.googlepages.com/usa.html">7 Wonders of the U.S.A.</a> and <a href="http://7wonders.usa.googlepages.com">different states</a>. </span></td></tr> </table> </center> <center> <table id="menu" border="1"> <tr><th colspan="2"><a href="javascript:myclick(0)">Colossus of Rhodes</a></th></tr> <tr><td><a href="javascript:zoomPlace(0)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(1)">The Hanging Gardens</a></th></tr> <tr><td><a href="javascript:zoomPlace(1)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(2)">Mausoleum of Maussollos</a></th></tr> <tr><td><a href="javascript:zoomPlace(2)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(3)">Lighthouse of Alexandria</a></th></tr> <tr><td><a href="javascript:zoomPlace(3)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(4)">Statue of Zeus at Olympia</a></th></tr> <tr><td><a href="javascript:zoomPlace(4)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(5)">Great Pyramid of Giza</a></th></tr> <tr><td><a href="javascript:zoomPlace(5)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> <tr><th colspan="2"><br><a href="javascript:myclick(6)">Temple of Artemis</a></th></tr> <tr><td><a href="javascript:zoomPlace(6)">Zoom</a></td><td><a href="javascript:zoomBackOut()">Zoom Back Out</a></td></tr> </table><br> <table id="googlemapsmania"> <tr><td>Links:<a href="http://googlemapsmania.blogspot.com">Google Maps Mania</a></td></tr> </table> </center> <script> var i = 0; var gmarkers = new Array(); var pointz = new Array(); var side_bar_html = ""; var zoomedIn = false; var Picon = new GIcon(); Picon.image="http://maps.google.com/mapfiles/kml/pal3/icon61.png"; Picon.shadow="http://maps.google.com/mapfiles/kml/pal3/icon61s.png"; Picon.iconSize=new GSize(32,32); Picon.shadowSize=new GSize(56,32); Picon.iconAnchor=new GPoint(16,32); Picon.infoWindowAnchor=new GPoint(16,0); function createMarker(point, html, atitle) { println("Marker:"+point+" html:"+html+" atitle:"+atitle); var marker = new GMarker(point, {icon:Picon}, {title:atitle}); marker.tooltip = '<div class="tooltip">'+atitle+'</div>'; GEvent.addListener(marker, "click", "func" ); //function() { // marker.openInfoWindowHtml(html); // }); gmarkers[i] = marker; pointz[i] = point; i=i+1; return marker; } var map = new GMap2(); var centerPoint = new GLatLng(36.44634923249665,28.230056762695312); map.setCenter(centerPoint, 4); // Colossus of Rhodes var Rhodes = new GLatLng(36.44634923249665,28.230056762695312); var RhodesDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/rhodes.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Rhodes, RhodesDesc, "Colossus of Rhodes") map.addOverlay(marker); // The Hanging Gardens var Gardens = new GLatLng(32.48038164128765,44.44382921116974); var GardensDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/hanginggardens.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Gardens,GardensDesc, "The Hanging Gardens") map.addOverlay(marker); // Mausoleum of Maussollos var Mausoleum = new GLatLng(37.03808797549478,27.42442237996067); var MausoleumDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/mausoleum.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Mausoleum,MausoleumDesc, "Mausoleum of Maussollos") map.addOverlay(marker); // Lighthouse of Alexandria var Lighthouse = new GLatLng(31.214167,29.885); var LighthouseDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/lighthouse.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Lighthouse,LighthouseDesc, "Lighthouse of Alexandria") map.addOverlay(marker); // Statue of Zeus at Olympia var Zeus = new GLatLng(37.63784135791755,21.630036234855652); var ZeusDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/zeus.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Zeus,ZeusDesc, "Statue of Zeus at Olympia") map.addOverlay(marker); // Great Pyramid of Giza var Giza = new GLatLng(29.97940428746998,31.13615124253233); var GizaDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/giza.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Giza,GizaDesc, "Great Pyramid of Giza") map.addOverlay(marker); // Temple of Artemis var Artemis = new GLatLng(37.94974762012134,27.364068031311035); var ArtemisDesc = '<iframe src="http://jtaylor.mapplets.googlepages.com/artemis.html" width="300px" height="300px" frameborder="0" scrolling="yes"></iframe>'; var marker = createMarker(Artemis,ArtemisDesc, "Temple of Artemis") map.addOverlay(marker); function zoomBackOut() { map.setCenter(centerPoint, 4); map.setZoom(4); map.setMapType(G_NORMAL_MAP); //document.getElementById("forZoom").innerHTML = ""; zoomedIn = false; } function zoomPlace(i) { if (!zoomedIn) { map.setMapType(G_SATELLITE_MAP); zoomLevel = getZoomLevel(i); map.setZoom(zoomLevel); map.panTo(pointz[i]); //document.getElementById("forZoom").innerHTML = '<a href="javascript:zoomBackOut()">Zoom Back Out</a>'; zoomedIn = true; } else { zoomLevel = getZoomLevel(i); map.setZoom(zoomLevel); map.panTo(pointz[i]); } } function getZoomLevel(numP) { var zoom_level; switch (numP){ case 3: zoom_level = 11; break; case 4: zoom_level = 18; break; default : zoom_level = 17; } return zoom_level; } function myclick(i) { GEvent.trigger(gmarkers[i], "click"); } </script> <script> _IG_Analytics("UA-279560-18", "/mygadget"); </script> ]]> </Content> </Module>

Typemap: normal

Ispublic: true

Description: A maplet to display the seven wonders of the world

| Back