libs/js/jquery-geo-1.0a4/docs/examples/utah/index.html

   1 <!doctype html>
   2 <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
   3 <!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
   4 <!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
   5 <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
   6 <head>
   7   <meta charset="utf-8">
   8   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9
  10   <title>Atlas Utah!</title>
  11   <meta name="description" content="State of Utah interactive basemap viewer">
  12   <meta name="author" content="Ryan Westphal">
  13
  14   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15   <link rel="shortcut icon" href="./favicon.ico">
  16   <link rel="apple-touch-icon" href="./apple-touch-icon.png">
  17
  18   <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/overcast/jquery-ui.css" />
  19   <link rel="stylesheet" href="css/style.css?v=2">
  20
  21   <script src="js/libs/modernizr-1.7.min.js"></script>
  22 </head>
  23
  24 <body>
  25
  26   <div id="index">
  27     <header>
  28       <form id="basemapButtons">
  29                     <input id="basemapLite" type="radio" name="basemap" value="UtahBaseMap-Lite" data-tile-size="256" checked="checked" /><label for="basemapLite" title="Lite"><span class="selector Lite">Lite</span></label>
  30                     <input id="basemapHybrid" type="radio" name="basemap" value="UtahBasemap-Hybrid" data-tile-size="256" /><label for="basemapHybrid" title="Hybrid"><span class="selector Hybrid">&nbsp;</span></label>
  31                     <input id="basemapHillshade" type="radio" name="basemap" value="UtahBaseMap-Hillshade" data-tile-size="256" /><label for="basemapHillshade" title="Hillshade"><span class="selector Hillshade">&nbsp;</span></label>
  32                     <input id="basemapTerrain" type="radio" name="basemap" value="UtahBaseMap-Terrain" data-tile-size="256" /><label for="basemapTerrain" title="Terrain"><span class="selector Terrain">&nbsp;</span></label>
  33                     <input id="basemapVector" type="radio" name="basemap" value="UtahBaseMap-Vector" data-tile-size="256" /><label for="basemapVector" title="Streets"><span class="selector Vector">&nbsp;</span></label>
  34                     <input id="basemapImagery2009" type="radio" name="basemap" value="UtahBaseMap-Imagery2009" data-tile-size="256" /><label for="basemapImagery2009" title="Imagery"><span class="selector Imagery2009">&nbsp;</span></label>
  35                     <input id="basemapTopo" type="radio" name="basemap" value="UtahBaseMap-Topo" data-tile-size="256" /><label for="basemapTopo" title="Topo"><span class="selector Topo">&nbsp;</span></label>
  36       </form>
  37       <h1>Atlas Utah!</h1>
  38       <div>inspired by <a href="http://atlas.utah.gov/">http://atlas.utah.gov/</a></div>
  39     </header>
  40     <div id="main" role="main">
  41       <div id="pnlInfoAndSearch">
  42         <span id="lblCoords">UTM NAD83 coords: (<span>453709,4333922</span>)</span>
  43         <div id="pnlSearch">
  44           <form>
  45             <label><span>Search</span> <input type="search" name="search" /></label>
  46             <button type="submit">Search</button>
  47           </form>
  48         </div>
  49       </div>
  50       <div id="map"></div>
  51     </div>
  52     <footer>
  53       <div id="infoBar" style="display: none;"></div>
  54     </footer>
  55   </div> <!-- eo #index -->
  56
  57   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
  58   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  59   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  60   <script src="js/libs/jquery.watermark.min.js"></script>
  61   <script src="js/script.js"></script>
  62
  63 </body>
  64 </html>