Already a member?
Sign in
| Version | User | Scope of changes |
|---|---|---|
| Sep 15 2006, 7:55 AM EDT | katie.clark | 739 words deleted |
| Sep 2 2006, 9:48 PM EDT | katie.clark | 739 words added |
Changes
Key: Additions Deletions
<!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" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="title" content="MapBuilder - GoogleMap API Source Code Generator." /> <meta name="description" content="MapBuilder.net lets you tag locations on a map and publish it on your own site. Mapping is now easier than ever. It's free." /> <meta name="keywords" content="Google Maps API, PHP, AJAX, XML" /> <meta name="author" content="Andrew Bidochko. http://www.mapbuilder.net" /> <title>Oxford</title> <style type="text/css"> v\:* { behavior:url(#default#VML); } #MapBuilder {font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px;} #MapBuilder a {text-decoration: none; color: #0066CC; background-color: transparent;} #MapBuilder a:hover {color: #F60; background-color: transparent;} #MapBuilder h1 {font-weight: bold; font-size: 16pt; color: #369; border-bottom: 2px solid #369;} #MapBuilderIW { width: 350px;} #MapBuilderIWContent {height: 120px; overflow:auto;} #MapBuilderIWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;} #MapBuilderIWFooter {margin-top: 5px; font-size: 8pt; } #MapBuilderIWFooterZoom {} #MapBuilderIWDirections{ margin-bottom: 10px;} #MapBuilderSideBar {float:left; margin-left: 10px; } </style> <!-- Please, request sign up for your own GMAP KEY at http://www.google.com/apis/maps/signup.html and replace 'GMAPKEY' entry with generated key in the line below. --> <script src="http://maps.google.com/maps?file=api&v=1&key=YOURGMAPKEY" type="text/javascript"></script> <script src="http://www.mapbuilder.net/maps?UserName=harp34552&Map=24328&SideBar=Right" type="text/javascript"></script> <script src="http://www.mapbuilder.net/js/direction.php" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ // Global Variables // set map variable var map = ""; //set up array of locations var aLocations = new Array; // Storage for sidebar list var listNodeContent = ""; // Create MabBuilder's "tiny" red marker icon var iconsm = new GIcon(); iconsm.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; iconsm.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; iconsm.iconSize = new GSize(12, 20); iconsm.shadowSize = new GSize(20, 18); iconsm.iconAnchor = new GPoint(6, 20); iconsm.infoWindowAnchor = new GPoint(5, 1); // Create MabBuilder's "big" marker icon var iconbig = new GIcon(); iconbig.image = "http://www.google.com/mapfiles/marker.png"; iconbig.shadow = "http://www.google.com/mapfiles/shadow50.png"; iconbig.iconSize = new GSize(20, 34); iconbig.shadowSize = new GSize(37, 34); iconbig.iconAnchor = new GPoint(6, 34); iconbig.infoWindowAnchor = new GPoint(5, 1); // Custom Icon var iconcustom = new GIcon(iconbig); iconcustom.shadow = ''; function onLoad() { map = new GMap(document.getElementById("MapBuilderMap")); MapBuilder = new MapBuilder(); map.addMapBuilder(MapBuilder); // Map type: map, satellite, hybrid map.setMapType(map.getMapTypes()[0]); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); // Center the map to the default location map.centerAndZoom(new GPoint(-1.2581062316894531, 51.75143725973612), 2); // Add locations var point = new GPoint(-1.25349371211878, 51.7505401712457); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>" + GetDirectionForm(0); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Corpus Christi College</div><div id=\"MapBuilderIWContent\">The main site of college on Merton Street. Home to the Porter\'s Lodge, Hall, MCR, Chapel, Library, meeting rooms and special-purpose rooms, the gardens, and many undergraduates. The Lodge at Corpus can be reached 24 hours a day by telephone at 01865 276700.<br></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[0] = new Array(marker, "Corpus Christi College", InfoHTML, point); var point = new GPoint(-1.260821, 51.753565); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>" + GetDirectionForm(1); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Gloucester Green</div><div id=\"MapBuilderIWContent\">Main city bus terminal as well as a major shopping center.<br></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[1] = new Array(marker, "Gloucester Green", InfoHTML, point); var point = new GPoint(-1.268982, 51.753338); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div>" + GetDirectionForm(2); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Rail Station</div><div id=\"MapBuilderIWContent\"><p>Thames Trains, First Great Western, and Virgin Trains<br />run regular services to/from Oxford. The train line leads south to<br />Didcot Parkway and Reading and north through Banbury. The train station<br />has a small WHSmith, an AMT espresso stall and ticket/travel desks.<br />Taxis and buses collect from the station and the main bus station is a short walk away.</p><br /><p>See the national rail enquiries website for detailed information on trains to and from Oxford; there is also a live departures and arrivals board.</p><br /><p>Trains to London run roughly every half an hour, terminate in<br />Paddington and cost between 15 and 25 pounds for a day travelcard, which also gets<br />you on the Tube.</p></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[2] = new Array(marker, "Rail Station", InfoHTML, point); // And finnaly create sidebar createSideBar(); // Store sidebar listNodeContent = document.getElementById("LocationList").innerHTML; } //]]> </script> </head> <body onload="onLoad()"> <div id="MapBuilder"> <h1>Oxford</h1> <p>Auto Created Map</p> <div id="MapHolder" style="float:left;"> <div id="MapBuilderMap" style="width: 600px; height: 500px;"></div> <!-- Please KEEP RESPECT to MapBuilder.net team and DO NOT DELETE line below if you want to keep MapBuilder service free. --> Created by <a href="http://www.MapBuilder.net">MapBuilder.net</a>. </div> <div id="MapBuilderSideBar"> <div id="SideBarAction">Map Locations [<a href="javascript:void(0)" onclick="HideLocationList()">-</a>]</div> <div style="height: 480px; overflow:auto;"> <ul id="LocationList"></ul> </div> </div> </div> </body></html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="title" content="MapBuilder - GoogleMap API Source Code Generator." /> <meta name="description" content="MapBuilder.net lets you tag locations on a map and publish it on your own site. Mapping is now easier than ever. It's free." /> <meta name="keywords" content="Google Maps API, PHP, AJAX, XML" /> <meta name="author" content="Andrew Bidochko. http://www.mapbuilder.net" /> <title>Oxford</title> <style type="text/css"> v\:* { behavior:url(#default#VML); } #MapBuilder {font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px;} #MapBuilder a {text-decoration: none; color: #0066CC; background-color: transparent;} #MapBuilder a:hover {color: #F60; background-color: transparent;} #MapBuilder h1 {font-weight: bold; font-size: 16pt; color: #369; border-bottom: 2px solid #369;} #MapBuilderIW { width: 350px;} #MapBuilderIWContent {height: 120px; overflow:auto;} #MapBuilderIWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;} #MapBuilderIWFooter {margin-top: 5px; font-size: 8pt; } #MapBuilderIWFooterZoom {} #MapBuilderIWDirections{ margin-bottom: 10px;} #MapBuilderSideBar {float:left; margin-left: 10px; } </style> <!-- Please, request sign up for your own GMAP KEY at http://www.google.com/apis/maps/signup.html and replace 'GMAPKEY' entry with generated key in the line below. --> <script src="http://maps.google.com/maps?file=api&v=1&key=YOURGMAPKEY" type="text/javascript"></script> <script src="http://www.mapbuilder.net/maps?UserName=harp34552&Map=24328&SideBar=Right" type="text/javascript"></script> <script src="http://www.mapbuilder.net/js/direction.php" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ // Global Variables // set map variable var map = ""; //set up array of locations var aLocations = new Array; // Storage for sidebar list var listNodeContent = ""; // Create MabBuilder's "tiny" red marker icon var iconsm = new GIcon(); iconsm.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; iconsm.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; iconsm.iconSize = new GSize(12, 20); iconsm.shadowSize = new GSize(20, 18); iconsm.iconAnchor = new GPoint(6, 20); iconsm.infoWindowAnchor = new GPoint(5, 1); // Create MabBuilder's "big" marker icon var iconbig = new GIcon(); iconbig.image = "http://www.google.com/mapfiles/marker.png"; iconbig.shadow = "http://www.google.com/mapfiles/shadow50.png"; iconbig.iconSize = new GSize(20, 34); iconbig.shadowSize = new GSize(37, 34); iconbig.iconAnchor = new GPoint(6, 34); iconbig.infoWindowAnchor = new GPoint(5, 1); // Custom Icon var iconcustom = new GIcon(iconbig); iconcustom.shadow = ''; function onLoad() { map = new GMap(document.getElementById("MapBuilderMap")); MapBuilder = new MapBuilder(); map.addMapBuilder(MapBuilder); // Map type: map, satellite, hybrid map.setMapType(map.getMapTypes()[0]); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); // Center the map to the default location map.centerAndZoom(new GPoint(-1.2581062316894531, 51.75143725973612), 2); // Add locations var point = new GPoint(-1.25349371211878, 51.7505401712457); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>" + GetDirectionForm(0); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Corpus Christi College</div><div id=\"MapBuilderIWContent\">The main site of college on Merton Street. Home to the Porter\'s Lodge, Hall, MCR, Chapel, Library, meeting rooms and special-purpose rooms, the gardens, and many undergraduates. The Lodge at Corpus can be reached 24 hours a day by telephone at 01865 276700.<br></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[0] = new Array(marker, "Corpus Christi College", InfoHTML, point); var point = new GPoint(-1.260821, 51.753565); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>" + GetDirectionForm(1); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Gloucester Green</div><div id=\"MapBuilderIWContent\">Main city bus terminal as well as a major shopping center.<br></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[1] = new Array(marker, "Gloucester Green", InfoHTML, point); var point = new GPoint(-1.268982, 51.753338); var footerHtml = "<div id=\"MapBuilderIWFooter\"><div id=\"MapBuilderIWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div>" + GetDirectionForm(2); + "</div>"; // Define Marker iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png"; var InfoHTML = "<div id=\"MapBuilderIW\"><div id=\"MapBuilderIWCaption\">Rail Station</div><div id=\"MapBuilderIWContent\"><p>Thames Trains, First Great Western, and Virgin Trains<br />run regular services to/from Oxford. The train line leads south to<br />Didcot Parkway and Reading and north through Banbury. The train station<br />has a small WHSmith, an AMT espresso stall and ticket/travel desks.<br />Taxis and buses collect from the station and the main bus station is a short walk away.</p><br /><p>See the national rail enquiries website for detailed information on trains to and from Oxford; there is also a live departures and arrivals board.</p><br /><p>Trains to London run roughly every half an hour, terminate in<br />Paddington and cost between 15 and 25 pounds for a day travelcard, which also gets<br />you on the Tube.</p></div>" + footerHtml + "</div>"; var marker = createMarker(point, InfoHTML, iconbig); map.addOverlay(marker); aLocations[2] = new Array(marker, "Rail Station", InfoHTML, point); // And finnaly create sidebar createSideBar(); // Store sidebar listNodeContent = document.getElementById("LocationList").innerHTML; } //]]> </script> </head> <body onload="onLoad()"> <div id="MapBuilder"> <h1>Oxford</h1> <p>Auto Created Map</p> <div id="MapHolder" style="float:left;"> <div id="MapBuilderMap" style="width: 600px; height: 500px;"></div> <!-- Please KEEP RESPECT to MapBuilder.net team and DO NOT DELETE line below if you want to keep MapBuilder service free. --> Created by <a href="http://www.MapBuilder.net">MapBuilder.net</a>. </div> <div id="MapBuilderSideBar"> <div id="SideBarAction">Map Locations [<a href="javascript:void(0)" onclick="HideLocationList()">-</a>]</div> <div style="height: 480px; overflow:auto;"> <ul id="LocationList"></ul> </div> </div> </div> </body></html>
