🤝

Compartimos nuestros datos

StatusVzla.com · Integración gratuita

Si tienes una plataforma o sitio web relacionado con la emergencia en Venezuela, integra nuestros widgets de forma gratuita. Sin registro ni costo.

⚡ La precisión de los datos depende de quienes los reportan. Cuantas más fuentes compartan con nosotros, mejor será la información para todos.

Widget de mapa embebido

Muestra el mapa de daños de Venezuela en tu sitio web. Copia y pega el código en cualquier página HTML. Sin registro ni costo.

ℹ️ ¿Por qué no un iframe? Los navegadores modernos bloquean iframes de otros dominios por seguridad (X-Frame-Options / CSP). Nuestro widget usa la API pública con Leaflet: más rápido, ligero y compatible con todos los navegadores y CMS.

🗺️Ver mapa en vivo →statusvzla.com/mapa-danos

Cómo integrarlo

Copia el código completo de abajo.

Pégalo en el HTML de tu página, donde quieres el mapa.

El mapa carga automáticamente con datos en tiempo real de nuestra API.

Puedes cambiar height:400px a la altura que necesites.

<!-- Widget Mapa de Daños — StatusVzla.com -->
<!-- INSTRUCCIONES:
  1. Copia todo este bloque.
  2. Pégalo en tu HTML donde quieras que aparezca el mapa.
  3. Puedes cambiar height:400px a la altura que necesites.
  4. El mapa cargará automáticamente con datos en tiempo real.
  Instructions (EN): paste this block where you want the map to appear.
-->
<div id="svzla-mapa" style="font-family:sans-serif;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;max-width:100%;">
  <div id="svzla-map" style="height:400px;background:#f3f4f6;"></div>
  <div style="padding:8px 14px;background:#0D1117;display:flex;justify-content:space-between;align-items:center;">
    <span style="font-size:11px;color:#9BA5B0;">Datos: StatusVzla.com API</span>
    <a href="https://statusvzla.com" target="_blank" style="font-size:10px;font-weight:800;color:#F5C518;text-decoration:none;">Powered by StatusVzla.com ↗</a>
  </div>
</div>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
fetch('https://statusvzla.com/functions/apiMapa?format=geojson')
  .then(function(r){ return r.json(); })
  .then(function(data){
    var map = L.map('svzla-map').setView([10.48,-66.90],8);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{maxZoom:19,attribution:'© OpenStreetMap'}).addTo(map);
    var colores={leve:'#D97706',moderado:'#EA580C',grave:'#DC2626',critico:'#991B1B',colapsado:'#450A0A',no_evaluado:'#6B7280'};
    L.geoJSON(data,{
      pointToLayer:function(f,ll){
        return L.circleMarker(ll,{radius:7,fillColor:colores[f.properties.nivel_dano]||'#6B7280',color:'#fff',weight:1,fillOpacity:0.9});
      },
      onEachFeature:function(f,layer){
        var p=f.properties;
        layer.bindPopup('<b>'+(p.nombre||'Sin nombre')+'</b><br>Daño: '+p.nivel_dano+'<br><a href="'+p.url+'" target="_blank">Ver detalle ↗</a>');
      }
    }).addTo(map);
  })
  .catch(function(){ document.getElementById('svzla-map').innerHTML='<p style="padding:20px;color:#999;">No se pudo cargar el mapa. / Could not load map.</p>'; });
</script>

📌 Atribución requerida: Debes mantener visible el texto "Powered by StatusVzla.com". Ya está incluido en el código.

🏗️ ¿Conoces un edificio dañado? Repórtalo y aparecerá en el mapa.

📍 Reportar edificio 🔄 Actualizar uno existente