leaflet icon

config.js

var leafletConfig = (function()
{
    //--- private ---
    var providerUrl = 'http://{s}.tiles.mapbox.com/v3/uniquecustomerkey/{z}/{x}/{y}.png';
    var attributionText = 'Map data &copy; <a href="http://openstreetmap.org" target="_blank">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com/about/maps/" target="_blank">MapBox</a>';
    var maxZoom = 17;
    //--- public ---
    return {
        getProviderUrl: function() { return providerUrl },
        getAttributionText: function() { return attributionText },
        getIcon: function(color) {
            color = !!color ? "-"+color : "-icon";
            return L.icon({
                iconUrl: '/assets/map-leaflet-controls/marker'+ color + '.png',
                iconRetinaUrl: '/assets/map-leaflet-controls/[email protected]',
                iconSize: [25, 41],
                iconAnchor: [14, 40],
                shadowUrl: '/assets/map-leaflet-controls/marker-shadow.png',
                shadowRetinaUrl: '/assets/map-leaflet-controls/[email protected]',
                shadowSize: [41, 41],
                popupAnchor: [0, -35]
            });
        },
        getMaxZoom:function(){
            return maxZoom;
        }
    }
}());

some.js

selectedMarker = L.marker([lat, lon], {icon: leafletConfig.getIcon()});