finally ditch CloudMade everywhere

examples/choropleth-example.html

@@ -51,10 +51,12 @@
 
 		var map = L.map('map').setView([37.8, -96], 4);
 
-		var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png', {
+		L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
-			attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
+			maxZoom: 18,
-			key: 'BC9A493B41014CAABB98F0471D759707',
+			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
-			styleId: 22677
+				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
+			id: 'examples.map-20v6611k'
 		}).addTo(map);
 
 

examples/geojson-example.html

@@ -17,9 +17,12 @@
 	<script>
 		var map = L.map('map').setView([39.74739, -105], 13);
 
-		L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', {
+		L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
-			attribution: 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2012 CloudMade',
+			maxZoom: 18,
-			key: 'BC9A493B41014CAABB98F0471D759707'
+			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
+				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
+			id: 'examples.map-20v6611k'
 		}).addTo(map);
 
 		var baseballIcon = L.icon({

examples/layers-control-example.html

@@ -21,26 +21,26 @@
 		L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.').addTo(cities);
 
 
-	    var cmAttr = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
+	    var mbAttr = 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
-			cmUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/{styleId}/256/{z}/{x}/{y}.png';
+				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
+			mbUrl = 'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png';
 
-	    var minimal   = L.tileLayer(cmUrl, {styleId: 22677, attribution: cmAttr}),
+	    var grayscale   = L.tileLayer(mbUrl, {id: 'examples.map-20v6611k', attribution: mbAttr}),
-		    midnight  = L.tileLayer(cmUrl, {styleId: 999,   attribution: cmAttr}),
+		    streets  = L.tileLayer(mbUrl, {id: 'examples.map-9ijuk24y',   attribution: mbAttr});
-		    motorways = L.tileLayer(cmUrl, {styleId: 46561, attribution: cmAttr});
 
 		var map = L.map('map', {
 			center: [39.73, -104.99],
 			zoom: 10,
-			layers: [minimal, motorways, cities]
+			layers: [grayscale, cities]
 		});
 
 		var baseLayers = {
-			"Minimal": minimal,
+			"Grayscale": grayscale,
-			"Night View": midnight
+			"Streets": streets
 		};
 
 		var overlays = {
-			"Motorways": motorways,
 			"Cities": cities
 		};
 

examples/mobile-example.html

@@ -25,9 +25,12 @@
 	<script>
 		var map = L.map('map');
 
-		L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
+		L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
 			maxZoom: 18,
-			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
+			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
+				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
+			id: 'examples.map-9ijuk24y'
 		}).addTo(map);
 
 		function onLocationFound(e) {

examples/quick-start-example.html

@@ -16,9 +16,12 @@
 
 		var map = L.map('map').setView([51.505, -0.09], 13);
 
-		L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
+		L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
 			maxZoom: 18,
-			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
+			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
+				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
+			id: 'examples.map-9ijuk24y'
 		}).addTo(map);
 
 

examples/quick-start.md

@@ -58,7 +58,7 @@ Next we'll add a tile layer to add to our map, in this case it's a Mapbox Street
 
 Make sure all the code is called after the `div` and `leaflet.js` inclusion. That's it! You have a working Leaflet map now.
 
-It's worth noting that Leaflet is provider-agnostic, meaning that it doesn't enforce a particular choice of providers for tiles, and it doesn't even contain a single provider-specific line of code, so you're free to use other providers if you need to (we'd recommend CloudMade though, it looks beautiful).
+It's worth noting that Leaflet is provider-agnostic, meaning that it doesn't enforce a particular choice of providers for tiles, and it doesn't even contain a single provider-specific line of code, so you're free to use other providers if you need to (we'd recommend Mapbox though, it looks beautiful).
 
 
 ### Markers, circles and polygons

index.md

@@ -68,7 +68,6 @@ and spreading the word about Leaflet among your colleagues and friends.
 Check out the [contribution guide][contribute] for more information on getting involved with Leaflet development.
 
   [Vladimir Agafonkin]: http://agafonkin.com/en
-  [CloudMade]: http://cloudmade.com
   [contributors]: https://github.com/Leaflet/Leaflet/graphs/contributors
   [features]: features.html
   [plugins]: plugins.html