.card-body {padding: 0.5rem;} .leaflet-tooltip{ background: RED; color: WHITE; border: 0; }
Llamarada producida por un escape de gas en un centro de producción de misiles.
Explosión en un centro de ensamblaje de centrifugadoras de uranio.
Incendio en una planta energética
Explosión e incendio en una planta energética.
Incendio en unas instalaciones.
Seis tanques de gas condensado se incendian y uno estalla en el complejo industrial Kavian Fariman.
Incendio en una planta de producción de aluminio.
Incendio en unos astilleros daña al menos siete buques.
Incendio en una fábrica de producción de celofán.
Explosión e incendio en una central energética.
var lng = 52.625; var lat = 32.852; var zoom = 6; var map = L.map('map').setView([lat, lng], zoom); const icon_size = 50; // ICONS var iconGas = L.divIcon({ iconSize: [icon_size, icon_size], iconAnchor: [icon_size, icon_size/2], popupAnchor: [10, 0], shadowSize: [0, 0], className: 'icon icon_gas', html : '' }); const iconExplosion = L.divIcon({ iconSize : [icon_size, icon_size], iconAnchor: [icon_size/1.2, icon_size/2], className : 'icon icon_explosion', // EXPOSION html : ' ' html : '' }); const iconFire = L.divIcon({ iconSize : [icon_size, icon_size], iconAnchor: [icon_size/1.5, icon_size/2], className : 'icon icon_fire', html : '' }); // **** POSITIONS ************ // ******** Lamerd. Fire var Lamerd01 = L.marker([27.334, 53.179], { icon: iconFire }) .bindTooltip("Lāmerd", { permanent: true, direction: 'right' }) .bindPopup('Lāmerd: 15-07-2020: Incendio en una planta de producción de aluminio.'); Lamerd01.addTo(map); L.DomUtil.addClass(Lamerd01._icon, 'lamerd01_icon'); // ******** Tabriz. Fire var Tabriz01 = L.marker([37.95131, 46.050926], { icon: iconFire }) .bindTooltip("Tabriz", { permanent: true, direction: 'right' }) .bindPopup('Tabriz: 19-07-2020: Incendio en una fábrica de producción de celofán.'); Tabriz01.addTo(map); L.DomUtil.addClass(Tabriz01._icon, 'tabriz01_icon'); // ******** Isfaján. Fire var Isfajan01 = L.marker([32.670788, 51.665], { icon: iconFire }) .bindTooltip("Isfaján", { permanent: true, direction: 'right' }) .bindPopup('Isfaján: 19-07-2020: Explosión e incendio en una central energética.'); Isfajan01.addTo(map); L.DomUtil.addClass(Isfajan01._icon, 'isfajan01_icon'); // ******** Bushehr. Fire var Bushehr01 = L.marker([28.893665, 51.320488], { icon: iconFire }) .bindTooltip("Bushehr", { permanent: true, direction: 'right' }) .bindPopup('Bushehr: 15-07-2020: Incendio en unos astilleros daña al menos siete buques.'); Bushehr01.addTo(map); L.DomUtil.addClass(Bushehr01._icon, 'bushehr01_icon'); // ******** Ref. S. Tondgooyan. Fire var Tondgooyan01 = L.marker([30.450363, 49.09285], { icon: iconFire }) .bindTooltip("Ref. S. Tondgooyan", { permanent: true, direction: 'left' }) .bindPopup('Ref. S. Tondgooyan: 12-07-2020: Incendio en unas instalaciones.'); Tondgooyan01.addTo(map); L.DomUtil.addClass(Tondgooyan01._icon, 'tondgooyan01_icon'); // ******** Refinería Karoon. Gas var Karoon01 = L.marker([30.50000, 49.100000], { icon: iconGas }) .bindTooltip("Refinería Karoon", { permanent: true, direction: 'right' }) .bindPopup('Refinería Karoon: 04-07-2020: Escape de cloro.'); Karoon01.addTo(map); L.DomUtil.addClass(Karoon01._icon, 'karoon01_icon'); // ******** Ahvāz. Explosion var Ahvaz01 = L.marker([31.31901, 48.6842], { icon: iconExplosion }) .bindTooltip("Ahvāz", { permanent: true, direction: 'right' }) .bindPopup('Ahvāz: 04-07-2020: Explosión e incendio en una planta energética.'); Ahvaz01.addTo(map); L.DomUtil.addClass(Ahvaz01._icon, 'ahvaz01_icon'); // ******** Shiraz. Fire var Shiraz01 = L.marker([29.606022, 52.537804], { icon: iconFire }) .bindTooltip("Shiraz", { permanent: true, direction: 'right' }) .bindPopup('Shiraz: 03-07-2020: Incendio en una planta energética.'); Shiraz01.addTo(map); L.DomUtil.addClass(Shiraz01._icon, 'shiraz01_icon'); // ******** Mashhad. Fire var Mashhad01 = L.marker([36.297493, 59.605923], { icon: iconFire }) .bindTooltip("Mashhad", { permanent: true, direction: 'right' }) .bindPopup('Mashhad: 13-07-2020: Incendio en una planta energética.'); Mashhad01.addTo(map); L.DomUtil.addClass(Mashhad01._icon, 'mashhad01_icon'); // ******** Natanz. Explosion var Natanz01 = L.marker([33.513634, 51.91401], { icon: iconExplosion }) .bindTooltip("Natanz", { permanent: true, direction: 'right' }) .bindPopup('Natanz: 02-07-2020: Explosión en un centro de ensamblaje de centrifugadoras de uranio.'); Natanz01.addTo(map); L.DomUtil.addClass(Natanz01._icon, 'natanz01_icon'); // ******** Khojīr. Gas var Khojīr01 = L.marker([35.66462, 51.72932], { icon: iconGas }) .bindTooltip("Khojīr", { permanent: true, direction: 'right' }) .bindPopup('Khojīr: 26-06-2020: Llamarada producida por un escape de gas en un centro de producción de misiles.'); Khojīr01.addTo(map); L.DomUtil.addClass(Khojīr01._icon, 'khojīr01_icon'); // ****** END POSITIONS ************* // Map Provider L.tileLayer.provider('Stamen.TonerLite').addTo(map); // Watermark L.Control.Watermark = L.Control.extend({ onAdd: function(map) { var img = L.DomUtil.create('img'); img.src = '/logo.png'; img.style.width = '150px'; return img; }, onRemove: function(map) { // Nothing to do here } }); L.control.watermark = function(opts) { return new L.Control.Watermark(opts); }; L.control.watermark({ position: 'bottomleft' }).addTo(map); // End Watermark // Click on card-link (function($) { $('.anim_icon').click(function() { var id_icon = "." + $(this).attr('id') + "_icon"; var f = function($this, count) { $this.animate({ opacity: 0 }, 300, function() { $this.animate({ opacity: 1 }, 300, function() { if (count > 0) { count = count - 1; f($(id_icon), count); } }); }); }; f($(id_icon), 4); }); })( jQuery );