add hirise ortho layer

hrwgc · Nov 8, 2012 · f373753 · f373753
1 parent 5d19392
commit f373753
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -40,6 +40,11 @@ <h6 class='description'>Mapping Mars with <a href="http://nasa.gov">NASA</a> and
       <div class='inner'>
         <div id='layer-switcher'>
           <ul>
+            <li id='hirise'>
+              <a class='title' data-layer='herwig.map-fsvqb17k' href='#'>HiRISE Ortho</a>
+              <div class='description'><span class='arrow'>&nbsp;</span><p>Imagery provided by NASA JPL/University of Arizona's <a href="http://hirise.lpl.arizona.edu">High Resolution Imaging Experiment</a>, on board the Mars Reconnaisance Orbiter.</p>
+			</div>
+            </li>	
             <li id='red-planet'>
               <a class='title' data-layer='herwig.mars-dem,herwig.mars-gazetteer' href='#'>The Red Planet</a>
               <div class='description'><span class='arrow'>&nbsp;</span><p>Terrain Data Source: Mars Global Surveyor (MGS), Mars Orbiter Laser Altimeter.The source for the location dataset is the International Astronomical Union (IAU) Working Group for Planetary System Nomenclature (WGPSN).</p>

diff --git a/site.js b/site.js
@@ -9,12 +9,16 @@ $(function() {
 
     // Build map, returns function to update map.
     var buildMap = function(tilejson) {
-        // Tile layer, position on New York City
         var map = new MM.Map('map',
         new wax.mm.connector(tilejson));
         map.setCenterZoom(new MM.Location(48.27,
             -4.33),
             3);
+        if (tilejson.handle == 'hirise') {
+			    map.setCenterZoom(new MM.Location(
+			           -4.7270,137.4051),
+			           11);
+        };
         wax.mm.zoomer(map).appendTo(map.parent);
 
         // Interaction
@@ -45,6 +49,7 @@ $(function() {
             $(map.layers[0].parent).fadeOut(500, function() {
                 map.removeLayerAt(0);
             });
+
             interaction = wax.mm
                 .interaction()
                 .map(map)
@@ -55,6 +60,11 @@ $(function() {
                 legend.content(tilejson);
                 $(legend.element()).animate({opacity: 1}, 500);
             }
+			if (tilejson.handle == 'hirise') {
+				    map.setCenterZoom(new MM.Location(
+				           -4.7270,137.4051),
+				           11);
+	        }
             updateUI(tilejson);
         };
     };
@@ -64,13 +74,12 @@ $(function() {
         wax.tilejson(tileUrl($('a', el).attr('data-layer')), function(tilejson) {
             tilejson.handle = $(el).attr('id');
             layers[tilejson.handle] = tilejson;
-            // As soon as first map is loaded, build it and
-            // attach updateMap handler to all layer controls.
             if (i == 0) {
                 var updateMap = buildMap(tilejson);
                 $('#layer-switcher li .title').click(function() {;
                     updateMap(layers[$(this).parent().attr('id')]);
-                    return false;
+                   return false;
+
 				});
             }
         });
@@ -90,5 +99,4 @@ $(function() {
     $('.modal .close').click(function() {
         $('.modal').stop().fadeOut(100);
     });
-});
-
+});