Skip to content

Instantly share code, notes, and snippets.

@jvillama
Created October 9, 2013 20:01
Show Gist options
  • Save jvillama/6907364 to your computer and use it in GitHub Desktop.
Save jvillama/6907364 to your computer and use it in GitHub Desktop.
#map { height: 180px; }
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
<![endif]-->
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<title>JS Bin</title>
</head>
<body>
<div id="map"></div>
</body>
</html>
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
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>',
maxZoom: 18
});
//.addTo(map);
var mapquest = L.tileLayer('http://otile4.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="www.openstreetmap.org/copyright">OpenStreetMap</a>'
});
//.addTo(map);
var map = L.map('map', {
layers: [cloudmade, mapquest]}).setView([51.505, -0.09], 13);
var baseMaps = {
"CloudMade": cloudmade,
"MapQuest": mapquest
};
L.control.layers(baseMaps).addTo(map);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment