{"id":1314,"date":"2023-06-08T11:23:36","date_gmt":"2023-06-08T16:23:36","guid":{"rendered":"https:\/\/repositorio.uninavarra.edu.co\/?page_id=1314"},"modified":"2024-02-10T10:28:14","modified_gmt":"2024-02-10T15:28:14","slug":"devo","status":"publish","type":"page","link":"https:\/\/dba.science\/en\/devo\/","title":{"rendered":"TRACKER CENTER"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1314\" class=\"elementor elementor-1314\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a8fb23b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"a8fb23b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4cedad1\" data-id=\"4cedad1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-44d1754 elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"44d1754\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-44d1754\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2076\"><a href=\"https:\/\/dba.science\/\" class=\"elementor-item menu-link\"><a href=\"https:\/\/dba.science\/\" style=\"background-color:#000000\"><img decoding=\"async\" src=\"https:\/\/dba.science\/wp-content\/uploads\/2023\/09\/MicrosoftTeams-image-38.png\" alt=\"\" style=\"width: 65px; background-color: rgb(0, 0, 0);\"><\/a><\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-44d1754\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2076\"><a href=\"https:\/\/dba.science\/\" class=\"elementor-item menu-link\" tabindex=\"-1\"><a href=\"https:\/\/dba.science\/\" style=\"background-color:#000000\"><img decoding=\"async\" src=\"https:\/\/dba.science\/wp-content\/uploads\/2023\/09\/MicrosoftTeams-image-38.png\" alt=\"\" style=\"width: 65px; background-color: rgb(0, 0, 0);\"><\/a><\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c50e225 elementor-section-full_width elementor-section-stretched elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"c50e225\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97381c3\" data-id=\"97381c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6b442d elementor-widget elementor-widget-heading\" data-id=\"d6b442d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TRACKER CENTER<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c020e7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7c020e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\r\n  <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.16.0\/umd\/popper.min.js\"><\/script>\r\n  <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v5.15.4\/css\/all.css\" integrity=\"sha384-DyZ88mC6Up2uqS4h\/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm\" crossorigin=\"anonymous\"\/>\r\n  <script defer src=\"https:\/\/use.fontawesome.com\/releases\/v5.15.4\/js\/all.js\" integrity=\"sha384-rOA1PnstxnOBLzCLMcre8ybwbTmemjzdNlILg8O7z1lUkLXozs4DHonlDtnE7fpc\" crossorigin=\"anonymous\"><\/script>\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\r\n  <script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\r\n\r\n  <!--we need the topojson library as well-->\r\n<script src=\"https:\/\/unpkg.com\/topojson@3.0.2\/dist\/topojson.min.js\"><\/script>\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/gh\/luisalbertoquino\/DEV_dba\/ue.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/gh\/luisalbertoquino\/DEV_dba\/colombia_json.js\"><\/script>\r\n    <div class=\"container\" id=\"contenido\">\r\n    <div class=\"row py-2\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-globe-americas fa-spin\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Total casos registrados<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">150<\/p>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-people-arrows\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span class=\"span-b\">Familiares<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">50<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-head-side-virus\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Infecciosos<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">40<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-lungs-virus\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Patol\u00f3gicos<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">15<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"row py-2\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-disease\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Origen: Solventes<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">5<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-bug\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Origen: Pesticidas<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">7<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-oil-can\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Origen: Derivados del petr\u00f3leo<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">11<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-radiation-alt fa-spin\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Origen: Radiaci\u00f3n ionizante<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <p class=\"card-text\">2<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-3\" style=\"text-align: center;\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <span >Top casos reportados:<\/span>\r\n            <\/h5>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <span style=\"color:brown\">Huila<\/span>\r\n            <\/h5>\r\n            <p class=\"card-text\">5<\/p>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <span style=\"color:rgb(42, 165, 97)\">Bogot\u00e1<\/span>\r\n            <\/h5>\r\n            <p class=\"card-text\">5<\/p>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <span >Bogot\u00e1<\/span>\r\n            <\/h5>\r\n            <p class=\"card-text\">5<\/p>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <span >Bogot\u00e1<\/span>\r\n            <\/h5>\r\n            <p class=\"card-text\">5<\/p>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">\r\n              <i class=\"fas fa-map\"><\/i>&nbsp;&nbsp;&nbsp;\r\n              <span>Localizaci\u00f3n<\/span>\r\n            <\/h5>\r\n            <hr class=\"title-divider\">\r\n            <div id=\"map\" style=\"height: 800px;\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3 py-2\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <div class=\"card\">\r\n              <div class=\"card-body\">\r\n                <h5 class=\"card-title\">\r\n                  <i class=\"fas fa-clipboard\"><\/i>&nbsp;&nbsp;&nbsp;\r\n                  <span>Histolog\u00eda<\/span>\r\n                <\/h5>\r\n                <hr class=\"title-divider\">\r\n                <canvas id=\"chart1\"><\/canvas>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"col-md-12 py-2\">\r\n            <div class=\"card\">\r\n              <div class=\"card-body\">\r\n                <h5 class=\"card-title\">\r\n                  <i class=\"fas fa-child\"><\/i>&nbsp;&nbsp;&nbsp;\r\n                  <span>Ubicaci\u00f3n<\/span>\r\n                <\/h5>\r\n                <hr class=\"title-divider\">\r\n                <canvas id=\"chart2\"><\/canvas>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"col-md-12 py-2\">\r\n            <div class=\"card\">\r\n              <div class=\"card-body\">\r\n                <h5 class=\"card-title\">\r\n                  <i class=\"fas fa-sitemap\"><\/i>&nbsp;&nbsp;&nbsp;\r\n                  <span>Tama\u00f1o<\/span>\r\n                <\/h5>\r\n                <hr class=\"title-divider\">\r\n                <canvas id=\"chart3\"><\/canvas>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"modal\">\r\n    <div class=\"modal-content\">\r\n      <!-- Contenido adicional del modal -->\r\n      <button class=\"close-button\">Cerrar<\/button>\r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c4bd8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c4bd8a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-001e446\" data-id=\"001e446\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-775f879 elementor-widget elementor-widget-html\" data-id=\"775f879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Widget HTML de Elementor -->\r\n<div id=\"elementor-custom-script\"><\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n\r\n\r\n    var geojson;    \r\n    \/\/ Hacer la solicitud AJAX para obtener los datos del formulario\r\n    var ajaxUrl = ajax_object.ajax_url;\r\n    console.log(ajaxUrl);\r\n    $.ajax({\r\n        url: ajaxUrl,\r\n        method: 'POST',\r\n        data: {\r\n            action: 'mostrar_datos_formulario_shortcode'\r\n        },\r\n        success: function(response) {\r\n            \/\/ Manipular los datos recibidos en la respuesta JSON\r\n            if (response.success) {\r\n                var datosFormulario = response.data; \/\/ Aqu\u00ed estar\u00e1n los datos del formulario en formato JSON\r\n\r\n                var container = $('#elementor-custom-script');\r\n\r\n                var map3 = L.map('map').setView([4.570868, -74.297333], zoom = 6);\r\n\r\n                var tiles = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/dark_nolabels\/{z}\/{x}\/{y}{r}.png', {\r\n\tattribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors &copy; <a href=\"https:\/\/carto.com\/attributions\">CARTO<\/a>',\r\n\tsubdomains: 'abcd',\r\n\tmaxZoom: 20\r\n}).addTo(map3);\r\n\r\n                \/\/COLOR DE TEMAS\r\n                function getColor2(e) {\r\n                return e > 1000 ? '#3c3c3c' :\r\n                        e > 500  ? '#515151' :\r\n                        e > 200  ? '#666666' :\r\n                        e > 100  ? '#8c8c8c' :\r\n                        e > 50   ? '#b5b5b5' :\r\n                        e > 20   ? '#a7a7a7' :\r\n                        e > 10   ? '#bdbdbd' :\r\n                                '#c9c9c9';\r\n\r\n                }\r\n\r\n                function style2(feature) {\r\n                return {\r\n                    fillColor: getColor2(feature.properties.STP9_2_1_M),\r\n                    weight: 2,\r\n                    opacity: 1,\r\n                    color: 'white',\r\n                    dashArray: '3',\r\n                    fillOpacity: 0.7\r\n                };\r\n                }\r\n\r\n                \/*L.geoJson(colombia).addTo(map3);*\/\r\n                L.geoJson(colombia, {style: style2}).addTo(map3);\r\n                \/\/ L.geoJSON(JSON.parse(colombia)).addTo(this.map3);\r\n                var marker = L.marker([2.958242, -75.297896]).addTo(map3);\r\n                var circle = L.circle([51.508, -0.11], {\r\n                color: 'red',\r\n                fillColor: '#f03',\r\n                fillOpacity: 0.5,\r\n                radius: 500\r\n                }).addTo(map3);\r\n                var polygon = L.polygon([\r\n                [51.509, -0.08],\r\n                [51.503, -0.06],\r\n                [51.51, -0.047]\r\n                ]).addTo(map3);\r\n\r\n                circle.bindPopup(\"I am a circle.\");\r\n                polygon.bindPopup(\"I am a polygon.\");\r\n\r\n\r\n\r\n\r\n                for (var i = 0; i < datosFormulario.length; i++) {\r\n                            var nombreUsuario = datosFormulario[i].nombre_usuario;\r\n                            var fechaRegistro = datosFormulario[i].fecha_registro;\r\n                            var tipoHallazgo = datosFormulario[i].tipo_hallazgo;\r\n                            var categoriaHallazgo = datosFormulario[i].categoria_hallazgo;\r\n                            var descripcionHallazgo = datosFormulario[i].descripcion_hallazgo;\r\n                            var edadPaciente = datosFormulario[i].edad_paciente;\r\n                            var origenHallazgo = datosFormulario[i].origen_hallazgo;\r\n                            var familiaresAfectados = datosFormulario[i].familiares_afectados;\r\n                            var departamentoHallazgo = datosFormulario[i].departamento_hallazgo;\r\n                            var municipioHallazgo = datosFormulario[i].municipio_hallazgo;\r\n                            var centroHallazgo = datosFormulario[i].centro_hallazgo;\r\n                            var coordenadasMapa = datosFormulario[i].coordenadas_mapa;\r\n                            var coordenadasMapa = datosFormulario[i].coordenadas_mapa;\r\n                                if (typeof coordenadasMapa === 'string') {\r\n                                    var coordenadasArray = coordenadasMapa.split(','); \/\/ Split the string at the comma\r\n                                    \/\/ Extract the latitude and longitude values from the array\r\n                                    var latitud = coordenadasArray[0].trim().split(':')[1].trim(); \/\/ Extract \"4.5947\" from \"Latitud: 4.5947\"\r\n                                    var longitud = coordenadasArray[1].trim().split(':')[1].trim(); \/\/ Extract \"-74.0578\" from \"Longitud: -74.0578\"\r\n\r\n                                    \/\/ Rest of the code...\r\n                                } else {\r\n                                    \/\/ Handle the case where coordenadasMapa is not a string or is undefined.\r\n                                    alert(\"error al solicitar las caracteristicas de las coordenadas\");\r\n                                    \/\/ For example, you can set default values for latitud and longitud or skip this entry.\r\n                                }\r\n\r\n                    container.append(nombreUsuario, fechaRegistro, tipoHallazgo,centroHallazgo,coordenadasArray);\r\n\r\n\r\n                    \r\n                    var myIcon = L.icon({\r\n                        iconUrl: 'https:\/\/cdn.jsdelivr.net\/gh\/luisalbertoquino\/DEV_dba\/cerebro.png',\r\n                        iconSize: [38, 38],\r\n                        iconAnchor: [22, 22],\r\n                        \/*popupAnchor: [-3, -76],\r\n                        shadowUrl: 'cerebro.png',\r\n                        shadowSize: [68, 95],\r\n                        shadowAnchor: [22, 94]*\/\r\n                    });\r\n\r\n                    var marker = L.marker([latitud, longitud],{\r\n                        riseOnHover: true,\r\n                        icon: myIcon\r\n                    }).addTo(map3);\r\n\r\n\r\n                    marker.bindPopup(\"<b>Departamento: \"+ departamentoHallazgo +\" <\/b><br><p>\"+ municipioHallazgo +\"<\/p><p>Hallazgo: \"+ categoriaHallazgo  +\"<\/p>\");\r\n                    marker.on('mouseover', function (e) {\r\n                        this.openPopup();\r\n                    });\r\n                    marker.on('mouseout', function (e) {\r\n                        this.closePopup();\r\n                    });\r\n\r\n                }\r\n\r\n                \/*Legend specific*\/\r\n                    var legend = L.control({ position: \"bottomleft\" });\r\n\r\n                    legend.onAdd = function(map3) {\r\n                    var div = L.DomUtil.create(\"div\", \"legend\");\r\n                    div.innerHTML += \"<h4>Total de tipos detectados<\/h4>\";\r\n                    div.innerHTML += '<i style=\"background: #477AC2\"><\/i><span>astroc\u00edticos:<\/span><br>';\r\n                    div.innerHTML += '<i style=\"background: #448D40\"><\/i><span>astrocitomas:<\/span><br>';\r\n                    div.innerHTML += '<i style=\"background: #E6E696\"><\/i><span>anapl\u00e1sicos:<\/span><br>';\r\n                    div.innerHTML += '<i style=\"background: #E8E6E0\"><\/i><span>glioblastomas:<\/span><br>';\r\n                    div.innerHTML += '<i style=\"background: #FFFFFF\"><\/i><span>oligodendrogliales:<\/span><br>';\r\n                    return div;\r\n                    };\r\n                    legend.addTo(map3);\r\n                    \/\/alert(x);\r\n\r\n\r\n\r\n                    \/\/ Crear gr\u00e1ficos con Chart.js\r\n                    var ctx1 = document.getElementById('chart1').getContext('2d');\r\n                    var chart1 = new Chart(ctx1, {\r\n                    type: 'bar',\r\n                    data: {\r\n                        labels: ['Label 1', 'Label 2', 'Label 3'],\r\n                        datasets: [{\r\n                        label: 'Datos 1',\r\n                        data: [12, 19, 3],\r\n                        backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n                        borderColor: 'rgba(255, 99, 132, 1)',\r\n                        borderWidth: 1\r\n                        }]\r\n                    },\r\n                    options: {\r\n                        responsive: true,\r\n                        maintainAspectRatio: false\r\n                    }\r\n                    });\r\n\r\n                    var ctx2 = document.getElementById('chart2').getContext('2d');\r\n                    var chart2 = new Chart(ctx2, {\r\n                    type: 'line',\r\n                    data: {\r\n                        labels: ['Label 1', 'Label 2', 'Label 3'],\r\n                        datasets: [{\r\n                        label: 'Datos 2',\r\n                        data: [5, 10, 15],\r\n                        backgroundColor: 'rgba(54, 162, 235, 0.5)',\r\n                        borderColor: 'rgba(54, 162, 235, 1)',\r\n                        borderWidth: 1\r\n                        }]\r\n                    },\r\n                    options: {\r\n                        responsive: true,\r\n                        maintainAspectRatio: false\r\n                    }\r\n                    });\r\n\r\n                    var ctx3 = document.getElementById('chart3').getContext('2d');\r\n                    var chart3 = new Chart(ctx3, {\r\n                    type: 'pie',\r\n                    data: {\r\n                        labels: ['Label 1', 'Label 2', 'Label 3'],\r\n                        datasets: [{\r\n                        label: 'Datos 3',\r\n                        data: [30, 20, 50],\r\n                        backgroundColor: ['rgba(255, 205, 86, 0.5)', 'rgba(75, 192, 192, 0.5)', 'rgba(153, 102, 255, 0.5)'],\r\n                        borderColor: ['rgba(255, 205, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)'],\r\n                        borderWidth: 1\r\n                        }]\r\n                    },\r\n                    options: {\r\n                        responsive: true,\r\n                        maintainAspectRatio: false\r\n                    }\r\n                    });\r\n                    \r\n                    \r\n                    const expandButton = document.querySelector('.expand-button');\r\n                    const modal = document.querySelector('.modal');\r\n                    const closeButton = document.querySelector('.close-button');\r\n\r\n                    expandButton.addEventListener('click', function() {\r\n                    modal.style.display = 'block';\r\n                    });\r\n\r\n                    closeButton.addEventListener('click', function() {\r\n                    modal.style.display = 'none';\r\n                    });\r\n\r\n            } else {\r\n                console.log('No se pudieron obtener los datos del formulario.');\r\n            }\r\n        },\r\n        error: function(error) {\r\n            console.log('Hubo un error en la solicitud AJAX:', error);\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TRACKER CENTER &nbsp;&nbsp;&nbsp; Total casos registrados 150 &nbsp;&nbsp;&nbsp; Familiares 50 &nbsp;&nbsp;&nbsp; Infecciosos 40 &nbsp;&nbsp;&nbsp; Patol\u00f3gicos 15 &nbsp;&nbsp;&nbsp; Origen: Solventes 5 &nbsp;&nbsp;&nbsp; Origen: Pesticidas 7 &nbsp;&nbsp;&nbsp; Origen: Derivados del petr\u00f3leo 11 &nbsp;&nbsp;&nbsp; Origen: Radiaci\u00f3n ionizante 2 Top casos reportados: Huila 5 Bogot\u00e1 5 Bogot\u00e1 5 Bogot\u00e1 5 &nbsp;&nbsp;&nbsp; Localizaci\u00f3n &nbsp;&nbsp;&nbsp; Histolog\u00eda &nbsp;&nbsp;&nbsp; Ubicaci\u00f3n &nbsp;&nbsp;&nbsp; Tama\u00f1o Cerrar<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"0","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1314","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/pages\/1314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/comments?post=1314"}],"version-history":[{"count":0,"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/pages\/1314\/revisions"}],"wp:attachment":[{"href":"https:\/\/dba.science\/en\/wp-json\/wp\/v2\/media?parent=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}