Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save johnniehard/7e253518bfff4962b1868e254a050239 to your computer and use it in GitHub Desktop.
Save johnniehard/7e253518bfff4962b1868e254a050239 to your computer and use it in GitHub Desktop.
leflet minimal
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>tourMap</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-providers/1.1.15/leaflet-providers.min.js"></script>
<style>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100vh;
width: 100vw;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map');
L.tileLayer.provider('OpenStreetMap.BlackAndWhite').addTo(map);
map.setView([59.311162, 18.074806], 13);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment