JSFiddle - React, Tailwind, and code Playground

by TheSneak

HTML

<div style="width:1050px; height:600px; background-color:silver;" id="map"></div>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script src="http://developers.cloudmade.com/attachments/download/58/cloudmade.js"></script>

JavaScript

var map = new OpenLayers.Map('map');
var wms = new OpenLayers.Layer.WMS(
  "OpenLayers WMS",
  "http://vmap0.tiles.osgeo.org/wms/vmap0",  
  {'layers':'basic'} );
//map.addLayer(wms);

//Instructions for cloudmade tile set: http://developers.cloudmade.com/wiki/21/CloudMade_Tiles
var cloudmade = new OpenLayers.Layer.CloudMade("CloudMade", {
    key: 'BC9A493B41014CAABB98F0471D759707',
    styleId: 1
});
map.addLayer(cloudmade);

map.zoomToMaxExtent();