| 511
| <![CDATA[<script defer>
window.addEventListener("load", function(event) {
var monitoringIcon = L.icon({ iconUrl: root_folder + 'img/monitoring.png' });
var atentionIcon = L.icon({ iconUrl: root_folder + 'img/atention.png' });
var alertIcon = L.icon({ iconUrl: root_folder + 'img/alert.png' });
var emergencyIcon = L.icon({ iconUrl: root_folder + 'img/emergency.png' });
var manutentionIcon = L.icon({ iconUrl: root_folder + 'img/maintenance.png' });
var markerIcon = L.icon({
iconUrl: root_folder + 'img/marker.png',
iconAnchor: [10, 20],
});
var map = L.map('map').setView([-26.919921,-48.7532847], 13.0);
map.setMaxBounds([
[-27.0973, -48.8702],
[-26.8357, -48.5177]
]);
map.zoomControl.setPosition('bottomright');
L.tileLayer(root_folder + 'tiles/{z}/{x}/{y}.jpg', {
minZoom: 13,
maxZoom: 17,
tms: false,
attribution: 'Defesa Civil de Itajaí',
closePopupOnClick: false,
}).addTo(map);
var points = [
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-00</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
,coords: [
-26.916582063089,
-48.7016231030932,
],
offset: [
96,
30,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-01</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,62 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/subiu.svg'>"
,coords: [
-26.90923,
-48.6516,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-02</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>1,20 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/desceu.svg'>"
,coords: [
-26.875683,
-48.710217,
],
offset: [
-82,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-03</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,51 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/subiu.svg'>"
,coords: [
-26.91182,
-48.71922,
],
offset: [
-82,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-04</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,99 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/manteve.svg'>"
,coords: [
-26.8941,
-48.68838,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-05</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,66 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/manteve.svg'>"
,coords: [
-26.93336,
-48.74776,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-06</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>1,33 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/subiu.svg'>"
,coords: [
-26.92442,
-48.68576,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-07</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,22 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/manteve.svg'>"
,coords: [
-26.876116,
-48.707585,
],
offset: [
96,
50,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-08</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,51 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/manteve.svg'>"
,coords: [
-26.95405,
-48.7048,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
{
name:
"<img class='popup-icon-point' src='" + root_folder + "img/sun.svg'>"
+ "<h1 class='popup-title-point'>DC-09</h1>"
+ "<img class='popup-icon-rain' src='" + root_folder + "img/chuva.svg'>"
+ "<span class='popup-rain-value'>0,00 mm</span>"
+ "<img class='popup-icon-river' src='" + root_folder + "img/rio.svg'>"
+ "<span class='popup-river-value'>0,05 m</span>"
+ "<img class='popup-icon-river-status' src='" + root_folder + "img/desceu.svg'>"
,coords: [
-26.957319,
-48.643722,
],
offset: [
96,
80,
],
icon: markerIcon,
className: "dc-popup-monitoring",
},
];
points.forEach(function(point) {
L.marker(point.coords, { icon: point.icon }).addTo(map)
.bindPopup(point.name, {
autoClose: false,
autoPan: false,
closeOnClick: false,
offset: point.offset,
className: point.className,
})
.openPopup();
});
});
</script>]]>
|
