index.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <title>Environment and Climate Change Canada sensors map</title>
   5                 <meta charset="utf-8" />
   6
   7                 <link rel="stylesheet" href="eccc_map.css" />
   8                 <link rel="stylesheet" href="leaflet/leaflet.css" />
   9                 <link rel="stylesheet" href="leaflet/cluster/MarkerCluster.css" />
  10                 <link rel="stylesheet" href="leaflet/cluster/MarkerCluster.Default.css" />
  11                 <link rel="stylesheet" href="leaflet/draw/leaflet.draw.css" />
  12
  13                 <script src="leaflet/leaflet.js"></script>
  14                 <script src="leaflet/cluster/leaflet.markercluster.js"></script>
  15                 <script src="leaflet/draw/leaflet.draw.js"></script>
  16         </head>
  17         <body>
  18                 <div id="map"></div>
  19                 <div id="tools">
  20                         <div id="draw">
  21                                 <a id="draw-polygon" href="#" title="Draw a polygon">
  22                                         <img src="leaflet/draw/images/spritesheet.svg">
  23                                 </a>
  24                         </div>
  25                         <div id="settings">
  26                                 <label for="pattern">Pattern <small>(<code>{cid}</code> is replaced by station cid):</small></label>
  27                                 <input id="pattern" type="text" value="{cid}.xml" required>
  28                                 <br>
  29                                 <label for="separator">Separator:</label>
  30                                 <input id="separator" type="text" value="," required>
  31                         </div>
  32                         <div id="result">
  33                                 <textarea id="output" placeholder="Output" readonly></textarea>
  34                         </div>
  35                 </div>
  36                 <script src="eccc_map.js"></script>
  37         </body>
  38 </html>