title: Cloudmade and Leaflet: Multiple custom markers
body: <p>I have followed the leaflet tutorial on how to create Layer Control and the custom markers:</p>
  
  <p>Markers:http://leafletjs.com/examples/custom-icons.html Control: <a href="http://leafletjs.com/examples/layers-control.html" rel="nofollow">http://leafletjs.com/examples/layers-control.html</a></p>
  
  <p>I am using the control code and i would like to add MULTIPLE custom markear to this. When applying the code it the map goes blank however with one marker it works.Any help or guidance would be great.</p>
  
  <p>This is my current code for multiple markers that breaks:</p>
  
  <p>I do get an error in the console when it loads:var officeoneIcon = new officeIcon({iconUrl: 'images/office1.png'}), officeIcon is not defined.</p>
  
  <p>[CODE]</p>
  
  <pre><code>var officeoneIcon = new officeIcon({iconUrl: 'images/office1.png'}),
      officetwoIcon = new officeIcon({iconUrl: 'images/office2.png'}),
      officethreeIcon = new officeIcon({iconUrl: 'images/office3.png'});
  
  
  var officeone = L.marker([lat,long],{icon: officeoneIcon}).bindPopup('&lt;b&gt;Office Address&lt;/b&gt;');
  
  var officetwo = L.marker([lat,long],{icon: officetwoIcon}).bindPopup('&lt;b&gt;Office Address&lt;/b&gt;');
  
  var officethree = L.marker([lat,long],{icon: officethreeIcon}).bindPopup('&lt;b&gt;Office Address&lt;/b&gt;');
  
  
  var cities = L.layerGroup([officeone, officetwo, officethree]);
  
  var minimal   = L.tileLayer(cloudmadeUrl, {styleId: 22677}),
  midnight  = L.tileLayer(cloudmadeUrl, {styleId: 999}),
  motorways = L.tileLayer(cloudmadeUrl, {styleId: 46561});
  
  var map = L.map('map', {
  center: new L.LatLng(lat,long),
  zoom: 10,
  scrollWheelZoom: true,
  layers: [minimal, motorways, cities]
  });
  
  var baseMaps = {
      "Minimal": minimal,
      "Night View": midnight,
  
  };
  
  var overlayMaps = {
      "Motorways": motorways,
      "Display Markers": cities
  };
  
  L.control.layers(baseMaps, overlayMaps).addTo(map);
  </code></pre>
  
  <p>[/CODE]</p>