Multiple Pop-ups using leaflet.js

I hacked an example into the maptimes leaflet map to have multiple popups open concurrently. Here is a map of some Maptimes. Go to one of em and learn how to make this map better or make your own!

See: Maptime on Github

http://jsfiddle.net/paulovieira/yVLJf/

<!DOCTYPE html>
<html>
    <head>
        <title>Multiple concurrent popups w/ leaflet</title>
         <script type="text/javascript" src="./maptimes4leaflet.json" ></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.min.js"></script>
       <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />

</head>
    <body onload="initialize()">

<div id="map" ></div>
            <p>
            Here is a map of some Maptimes. Go to one of em and learn how to make this map better or make your own!

See: <a href="https://github.com/maptime/maptime.github.io">Maptime on Github</a>
            </p>
        <script type="text/javascript">
            function initialize() {
                //var layers = ["terrain", "watercolor","toner"];

var watercolor = new  L.StamenTileLayer("watercolor");
                    var terrain = new L.StamenTileLayer("terrain");
                    var toner= new  L.StamenTileLayer("toner");

var bases = {
                        "Watercolor":watercolor,
                        "Terrain":terrain,
                        "Toner":toner

}

L.Map = L.Map.extend({
                                         openPopup: function(popup) {
                                         //        this.closePopup();  // just comment this
                                         this._popup = popup;

return this.addLayer(popup).fire('popupopen', {
                                                                          popup: this._popup
                                                                          });
                                         }
                                         }); /***  end of hack ***/

var map = new L.Map('map', {
                                        center: [39,-98],
                                        zoom:4,
                                        layers:watercolor
                                        })

var popmaps = function(feature,layer){
                        var popUp = feature.properties.name
                        layer.bindPopup(String(popUp));
                    }

L.control.layers(bases).addTo(map);

L.geoJson(maptimes, {
                               pointToLayer:function (feature, latlng) {
                               return L.marker(latlng, {

fillColor: "#000000",
                                                     color: "green",

opacity: 1,

});
                               },
                               onEachFeature:popmaps
                               }).addTo(map);

}

</script>

</body>
</html>

Modified http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js to a secure url

Modified http://maps.stamen.com/js/tile.stamen.js?v1.2.3 to a secure url

https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js

https://maps.stamen.com/js/tile.stamen.js?v1.2.3