<!DOCTYPE html> <html lang="en" xmlns:og="http://ogp.me/ns#"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <script src="/lib/leaflet/leaflet.js"></script> <link href="/lib/leaflet/leaflet.css" rel="stylesheet" type="text/css"> <script src="lib/mlevans-leaflet-hash/leaflet-hash.js"></script> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="frame" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px"> <div id="map" style="width: 100%; height: 100%; background: black"></div> <div id="text" style="position: absolute; left: 50px; top: 10px; width: auto; color: white"> </div> <div id="slider-wrapper"><input id="zoom-slider" type="range" min="0" max="20" value="0" step="1" /></div> </div> <script src="map.js"></script> </body> </html>