diff --git a/cmd/mtwebmapper/web/css/images/markers-matte.png b/cmd/mtwebmapper/web/css/images/markers-matte.png new file mode 100644 index 0000000..1782586 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-matte.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-matte@2x.png b/cmd/mtwebmapper/web/css/images/markers-matte@2x.png new file mode 100644 index 0000000..c981244 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-matte@2x.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-plain.png b/cmd/mtwebmapper/web/css/images/markers-plain.png new file mode 100644 index 0000000..763f358 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-plain.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-shadow.png b/cmd/mtwebmapper/web/css/images/markers-shadow.png new file mode 100644 index 0000000..33cf955 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-shadow.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-shadow@2x.png b/cmd/mtwebmapper/web/css/images/markers-shadow@2x.png new file mode 100644 index 0000000..1116503 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-shadow@2x.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-soft.png b/cmd/mtwebmapper/web/css/images/markers-soft.png new file mode 100644 index 0000000..9ee4c34 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-soft.png differ diff --git a/cmd/mtwebmapper/web/css/images/markers-soft@2x.png b/cmd/mtwebmapper/web/css/images/markers-soft@2x.png new file mode 100644 index 0000000..540ce63 Binary files /dev/null and b/cmd/mtwebmapper/web/css/images/markers-soft@2x.png differ diff --git a/cmd/mtwebmapper/web/css/leaflet.awesome-markers.css b/cmd/mtwebmapper/web/css/leaflet.awesome-markers.css new file mode 100644 index 0000000..588a99c --- /dev/null +++ b/cmd/mtwebmapper/web/css/leaflet.awesome-markers.css @@ -0,0 +1,124 @@ +/* +Author: L. Voogdt +License: MIT +Version: 1.0 +*/ + +/* Marker setup */ +.awesome-marker { + background: url('images/markers-soft.png') no-repeat 0 0; + width: 35px; + height: 46px; + position:absolute; + left:0; + top:0; + display: block; + text-align: center; +} + +.awesome-marker-shadow { + background: url('images/markers-shadow.png') no-repeat 0 0; + width: 36px; + height: 16px; +} + +/* Retina displays */ +@media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2), +(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) { + .awesome-marker { + background-image: url('images/markers-soft@2x.png'); + background-size: 720px 46px; + } + .awesome-marker-shadow { + background-image: url('images/markers-shadow@2x.png'); + background-size: 35px 16px; + } +} + +.awesome-marker i { + color: #333; + margin-top: 10px; + display: inline-block; + font-size: 14px; +} + +.awesome-marker .icon-white { + color: #fff; +} + +/* Colors */ +.awesome-marker-icon-red { + background-position: 0 0; +} + +.awesome-marker-icon-darkred { + background-position: -180px 0; +} + +.awesome-marker-icon-lightred { + background-position: -360px 0; +} + +.awesome-marker-icon-orange { + background-position: -36px 0; +} + +.awesome-marker-icon-beige { + background-position: -396px 0; +} + +.awesome-marker-icon-green { + background-position: -72px 0; +} + +.awesome-marker-icon-darkgreen { + background-position: -252px 0; +} + +.awesome-marker-icon-lightgreen { + background-position: -432px 0; +} + +.awesome-marker-icon-blue { + background-position: -108px 0; +} + +.awesome-marker-icon-darkblue { + background-position: -216px 0; +} + +.awesome-marker-icon-lightblue { + background-position: -468px 0; +} + +.awesome-marker-icon-purple { + background-position: -144px 0; +} + +.awesome-marker-icon-darkpurple { + background-position: -288px 0; +} + +.awesome-marker-icon-pink { + background-position: -504px 0; +} + +.awesome-marker-icon-cadetblue { + background-position: -324px 0; +} + +.awesome-marker-icon-white { + background-position: -574px 0; +} + +.awesome-marker-icon-gray { + background-position: -648px 0; +} + +.awesome-marker-icon-lightgray { + background-position: -612px 0; +} + +.awesome-marker-icon-black { + background-position: -682px 0; +} diff --git a/cmd/mtwebmapper/web/js/leaflet.awesome-markers.js b/cmd/mtwebmapper/web/js/leaflet.awesome-markers.js new file mode 100644 index 0000000..7505b6f --- /dev/null +++ b/cmd/mtwebmapper/web/js/leaflet.awesome-markers.js @@ -0,0 +1,125 @@ +/* + Leaflet.AwesomeMarkers, a plugin that adds colorful iconic markers for Leaflet, based on the Font Awesome icons + (c) 2012-2013, Lennard Voogdt + + http://leafletjs.com + https://github.com/lvoogdt +*/ + +/*global L*/ + +(function (window, document, undefined) { + "use strict"; + /* + * Leaflet.AwesomeMarkers assumes that you have already included the Leaflet library. + */ + + L.AwesomeMarkers = {}; + + L.AwesomeMarkers.version = '2.0.1'; + + L.AwesomeMarkers.Icon = L.Icon.extend({ + options: { + iconSize: [35, 45], + iconAnchor: [17, 42], + popupAnchor: [1, -32], + shadowAnchor: [10, 12], + shadowSize: [36, 16], + className: 'awesome-marker', + prefix: 'glyphicon', + spinClass: 'fa-spin', + extraClasses: '', + icon: 'home', + markerColor: 'blue', + iconColor: 'white' + }, + + initialize: function (options) { + options = L.Util.setOptions(this, options); + }, + + createIcon: function () { + var div = document.createElement('div'), + options = this.options; + + if (options.icon) { + div.innerHTML = this._createInner(); + } + + if (options.bgPos) { + div.style.backgroundPosition = + (-options.bgPos.x) + 'px ' + (-options.bgPos.y) + 'px'; + } + + this._setIconStyles(div, 'icon-' + options.markerColor); + return div; + }, + + _createInner: function() { + var iconClass, iconSpinClass = "", iconColorClass = "", iconColorStyle = "", options = this.options; + + if(options.icon.slice(0,options.prefix.length+1) === options.prefix + "-") { + iconClass = options.icon; + } else { + iconClass = options.prefix + "-" + options.icon; + } + + if(options.spin && typeof options.spinClass === "string") { + iconSpinClass = options.spinClass; + } + + if(options.iconColor) { + if(options.iconColor === 'white' || options.iconColor === 'black') { + iconColorClass = "icon-" + options.iconColor; + } else { + iconColorStyle = "style='color: " + options.iconColor + "' "; + } + } + + return ""; + }, + + _setIconStyles: function (img, name) { + var options = this.options, + size = L.point(options[name === 'shadow' ? 'shadowSize' : 'iconSize']), + anchor; + + if (name === 'shadow') { + anchor = L.point(options.shadowAnchor || options.iconAnchor); + } else { + anchor = L.point(options.iconAnchor); + } + + if (!anchor && size) { + anchor = size.divideBy(2, true); + } + + img.className = 'awesome-marker-' + name + ' ' + options.className; + + if (anchor) { + img.style.marginLeft = (-anchor.x) + 'px'; + img.style.marginTop = (-anchor.y) + 'px'; + } + + if (size) { + img.style.width = size.x + 'px'; + img.style.height = size.y + 'px'; + } + }, + + createShadow: function () { + var div = document.createElement('div'); + + this._setIconStyles(div, 'shadow'); + return div; + } + }); + + L.AwesomeMarkers.icon = function (options) { + return new L.AwesomeMarkers.Icon(options); + }; + +}(this, document)); + + +