Skip to content

Instantly share code, notes, and snippets.

@pnorman

pnorman/tiledemo.html

Created May 25, 2018 08:31
Show Gist options
  • Save pnorman/2e7d15c79b9b8e66ce2b770aa3aa5b7c to your computer and use it in GitHub Desktop.
Save pnorman/2e7d15c79b9b8e66ce2b770aa3aa5b7c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tiledemo.html
<!DOCTYPE html>
<html style="height:100%;margin:0;padding:0;">
<title>Leaflet page with OSM render server selection</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://unpkg.com/[email protected]/leaflet-hash.js"></script>
<style type="text/css">
.leaflet-tile-container { pointer-events: auto; }
</style>
</head>
<body style="height:100%;margin:0;padding:0;">
<div id="map" style="height:100%"></div>
<script>
//<![CDATA[
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var hash = L.hash(map)
//]]>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment