Leaflet showing MapQuest open

Sadly this example no longer works because MapQuest closed down the Mapquest Open tile service. This used to show a basic leaflet map with MapQuest Open tiles. ...but there are other tile servers

<html>
<head>
   <title>Leaflet showing MapQuest open</title>
   <link rel="stylesheet" href="https://npmcdn.com/leaflet@0.7.7/dist/leaflet.css" />
   <script src="https://npmcdn.com/leaflet@0.7.7/dist/leaflet.js"></script>
   
   <style>
   #map { height: 180px; }
   </style>
   
   <script language="javascript">
      function init() {
      	 var map = L.map('map').setView([51.505, -0.09], 13);
      	 
         var mqLayer = L.tileLayer("http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png", {
            subdomains: "1234",
            attribution: "&copy; <a href='http://www.openstreetmap.org/'>OpenStreetMap</a> and contributors, under an <a href='http://www.openstreetmap.org/copyright' title='ODbL'>open license</a>. Tiles Courtesy of <a href='http://www.mapquest.com/'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>"
         })
         
         mqLayer.addTo(map);
         map.attributionControl.setPrefix(''); // Don't show the 'Powered by Leaflet' text. Attribution overload
      }
   </script>
   
</head>
<body onLoad="javascript:init();">
   <div id="map"></div>
   
</body>                                                                                                                          
</html>

view directly

Home
Blog
About
Maps
Other
Contact

Harry Wood

Leaflet showing MapQuest open