|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps Example</title> <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBSM5jMcmVqUpI7aqV44cW1cEECiThQYkcZUPRJn9vy_TWxWvuLoOfSFBw" type="text/javascript"></script> <script src="http://econym.org.uk/gmap/egeoxml.js" type="text/javascript"></script> <script src="http://econym.org.uk/gmap/elabel.js" type="text/javascript"></script> <style type="text/css"> .label {background-color:#ccccff;border:2px solid black;white-space:nowrap;padding-left:5px;padding-right:5px} </style> </head> <body> <div id="map" style="width: 800px; height: 600px; "></div> <a href="egeoxml.htm">Back to the tutorial page</a> <script type="text/javascript"> //<![CDATA[ // === create the base icon === var icon = new GIcon(); icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; icon.iconSize = new GSize(12, 20); icon.shadowSize = new GSize(22, 20); icon.iconAnchor = new GPoint(6, 20); icon.infoWindowAnchor = new GPoint(5, 1); var mmap=new GMap2(document.getElementById("map")); mmap.setCenter(new GLatLng(0,0),2); mmap.addControl(new GLargeMapControl()); mmap.addControl(new GMapTypeControl()); var exml = new EGeoXml("exml", mmap, "http://econym.org.uk/gmap/test001.xml",{elabelclass:"label",elabelopacity:70,elabeloffset:new GSize(20,-10)}); exml.parse(); // This Javascript is based on code provided by the // Community Church Javascript Team // http://www.bisphamchurch.org.uk/ // http://econym.org.uk/gmap/ //]]> </script> </body> </html> |