Maptimes w/ a Custom Icon

This is an example of a simple leaflet map with svg markers taken thanfully from the noun project. The license for the icon can be seen at license.txt

Thanks Atelier Iceberg for making cool icons!

<!DOCTYPE html>
<html>
    <head>
        <title>Multiple concurrent popups w/ leaflet</title>
        <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" />
        
        
        <script type="text/javascript" src="https://maps.stamen.com/js/tile.stamen.js?v1.2.3"></script>
        <link type="text/css" rel="stylesheet" href="mtLeaf.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);

var mapIco = L.icon({
          iconUrl:'mTico.svg',
          iconSize: [32,37],
          iconAnchor: [15,18.5],
          popupAnchor: [0, -9]
        })

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

});
            },
           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