--- /dev/null
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+ <title>gps.tile.openstreetmap.org</title>
+ <link rel="stylesheet" href="map.css" type="text/css" media="all" />
+ <link rel="stylesheet" href="//unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
+ <script type="text/javascript" src="//unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
+ <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+ <script type="text/javascript" src="map.js"></script>
+ </head>
+ <body>
+ <div id="map"></div>
+ </body>
+</html>
--- /dev/null
+$(document).ready(function () {
+ // Create a map
+ var map = L.map("map");
+
+ // Add GPS tile layer
+ L.tileLayer("//gps-{s}.tile.openstreetmap.org/gps-lines/tile/{z}/{x}/{y}.png", {
+ attribution: "© <a target=\"_parent\" href=\"http://www.openstreetmap.org\">OpenStreetMap</a> and contributors, under an <a target=\"_parent\" href=\"http://www.openstreetmap.org/copyright\">open license</a>",
+ maxZoom: 18
+ }).addTo(map);
+
+ // SHow the whole world
+ map.fitWorld();
+});