JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.js"></script>
<b>Bike Parking using Leaflet.js</b>

<div id="map"></div>

CSS

#map {
    height: 580px;
    width: 780px;
}

JavaScript

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([42.306, -83.068], 17);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

var bikeParkingIcon = L.icon({
    iconUrl: 'http://theplaceisnow.aedileworks.com/wp-content/uploads/2013/07/bikeParking.png',
    shadowUrl: 'http://theplaceisnow.aedileworks.com/wp-content/uploads/2013/07/bikeParkingShadow.png',

    iconSize:     [25, 25], // size of the icon
    shadowSize:   [35, 25], // size of the shadow
    iconAnchor:   [0, 0], // point of the icon which will correspond to marker's location
    shadowAnchor: [0, 0],  // the same for the shadow
    popupAnchor:  [0, 0] // point from which the popup should open relative to the iconAnchor
});

L.marker([42.30493333333, -83.06501666667], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30516666667, -83.06491666667], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30406666667, -83.06798333333], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30506666667, -83.06771666667], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30483333333, -83.06786666667], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30578333333, -83.06788333333], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30686666667, -83.06796666667], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30746666667, -83.06818333333], {icon: bikeParkingIcon}).addTo(map);
L.marker([42.30728333333, -83.06746666667], {icon: bikeParkingIcon}).addTo(map);