/* eslint-disable */
|
(function (window) {
|
|
L.Icon.Pulse = L.DivIcon.extend({
|
|
options: {
|
className: '',
|
iconSize: [12, 12],
|
fillColor: 'red',
|
color: 'red',
|
animate: true,
|
heartbeat: 1,
|
},
|
|
initialize: function (options) {
|
L.setOptions(this, options)
|
|
// css
|
|
var uniqueClassName = 'lpi-' + new Date().getTime() + '-' + Math.round(Math.random() * 100000)
|
|
var before = ['background-color: ' + this.options.fillColor]
|
var after = [
|
|
'box-shadow: 0 0 6px 2px ' + this.options.color,
|
|
'animation: pulsate ' + this.options.heartbeat + 's ease-out',
|
'animation-iteration-count: infinite',
|
'animation-delay: ' + (this.options.heartbeat + .1) + 's',
|
]
|
|
if (!this.options.animate) {
|
after.push('animation: none')
|
after.push('box-shadow:none')
|
}
|
|
var css = [
|
'.' + uniqueClassName + '{' + before.join(';') + ';}',
|
'.' + uniqueClassName + ':after{' + after.join(';') + ';}',
|
].join('')
|
|
var el = document.createElement('style')
|
if (el.styleSheet) {
|
el.styleSheet.cssText = css
|
} else {
|
el.appendChild(document.createTextNode(css))
|
}
|
|
document.getElementsByTagName('head')[0].appendChild(el)
|
|
// apply css class
|
|
this.options.className = this.options.className + ' leaflet-pulsing-icon ' + uniqueClassName
|
|
// initialize icon
|
|
L.DivIcon.prototype.initialize.call(this, options)
|
|
}
|
})
|
|
L.icon.pulse = function (options) {
|
return new L.Icon.Pulse(options)
|
}
|
|
L.Marker.Pulse = L.Marker.extend({
|
initialize: function (latlng, options) {
|
options.icon = L.icon.pulse(options)
|
L.Marker.prototype.initialize.call(this, latlng, options)
|
}
|
})
|
|
L.marker.pulse = function (latlng, options) {
|
return new L.Marker.Pulse(latlng, options)
|
}
|
|
})(window)
|
