Light map design

quassy · Jun 21, 2015 · 1f1d3be · 1f1d3be
1 parent 6ab16b4
commit 1f1d3be
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/pages/map.html b/pages/map.html
@@ -5,6 +5,8 @@
 ---
 
 <div id="map" style="height:500px;width:100%"></div>
-<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
 <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
+<link href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" rel="stylesheet" />
+<script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v0.0.2/Leaflet.fullscreen.min.js'></script>
+<link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v0.0.2/leaflet.fullscreen.css' rel='stylesheet' />
 <script src="../pages/map.js"></script>
diff --git a/pages/map.js b/pages/map.js
@@ -2,8 +2,10 @@
 var map = L.map('map').setView([0.0,0.0], 2);
 
 // add an OpenStreetMap tile layer
-L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-    attribution: '<a href="http://osm.org/copyright">OpenStreetMap</a>'
+// http://{s}.tile.osm.org/{z}/{x}/{y}.png
+L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {
+    fullscreenControl: true,
+    attribution: '<a href="http://osm.org/copyright">OpenStreetMap</a>, <a href="http://cartodb.com/attributions">CartoDB</a>'
 }).addTo(map);
 
 /*