<html> <head> <title>super simple example map</title> <!-- standard issue Google Maps API line given to you when you sign up for an API key --> <!-- This one is for BEEF.gina.alaska.edu --> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAzzRZryGL9OGHsZdEF6h5fRRwVZh7CWTJd5xKqoPsacKLZogsfRRMmLo7RaidPmwTgLoMrjL1rv7Gsw&sensor=false" type="text/javascript"></script> <!-- Include AlaskaMapped wmslayers --> <script src="http://glink.gina.alaska.edu/cdn/1.4/javascripts/gina/wmslayers.js" type="text/javascript"></script> <!-- standard issue Google Maps initialization with two additional layers from GINA --> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(64.82, -147.87), 10); // center on fairbanks map.setUIToDefault(); /* magic to add the GINA AlaskaMapped Layers */ map.addMapType(SDMI_BDL); map.addMapType(SDMI_BDL_HYBRID); } } </script> </head> <body onload="initialize()" onunload="GUnload()"> <div style="height: 2em; width: 100%; text-align: center;"> right click -> view page source. An <a href="extended.html">extended example</a> shows additional layers being added. </div> <div id="map_canvas" style="width: 100%; height: 80%;"> map canvas content replaced by a google map </div> </body> </html>