codeformunich/Muenchen-Transparent

"use strict";

(function () {
    L.TextMarkersTOP = {};

    L.TextMarkersTOP.Icon = L.Icon.extend({
        options: {
            iconSize: [25, 41],
            iconAnchor: [12, 41],
            popupAnchor: [1, -34],

            shadowSize: [41, 41],
            text: ''

        },

        _getIconShadowUrl: function (name) {
            var key = name + 'Url';

            if (this.options[key]) {
                return this.options[key];
            }

            if (L.Browser.retina && name === 'icon') {
                name += '-2x';
            }

            var path = L.Icon.Default.imagePath;

            if (!path) {
                throw new Error('Couldn\'t autodetect L.TextMarkersTOP.Default.imagePath, set it manually.');
            }

            return path + '/marker-' + name + '.png';
        },

        _getIconUrl: function (name) {
            if (name == "shadow") return this._getIconShadowUrl(name);

            var key = 'iconPlainUrl';

            if (this.options[key]) {
                return this.options[key];
            }

            if (L.Browser.retina) {
                return '/images/marker-icon-plain-2x.png';
            } else {
                return '/images/marker-icon-plain.png';
            }
        },


        initialize: function (options) {
            L.setOptions(this, options);
        },

        createIcon: function () {
            var div = document.createElement('div'),
                options = this.options,
                iconurl = this._getIconUrl(),
                iconsize_style = 'width: ' + options.iconSize[0] + 'px; height: ' + options.iconSize[1] + 'px; ';

            if (options.text != "") div.innerHTML = '<img src="' + iconurl + '" class="leaflet-marker-icon" alt="Icon" style="' + iconsize_style + '"><div class="text">' + options.text + '</div>';
            else div.innerHTML = '<img src="' + iconurl + '" class="leaflet-marker-icon" alt="Icon" style="' + iconsize_style + '">';

            this._setIconStyles(div, 'textmarker textmarker_top');
            return div;
        }
    });

    L.TextMarkersTOP.icon = function (options) {
        return new L.TextMarkersTOP.Icon(options);
    };

}());