mapaRankingOMD3 = { const div = html`

`; const map = L.map(div, { scrollWheelZoom: false }).setView([31, -99], 4); L.tileLayer( "https://tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap" } ).addTo(map); function colorRecepcion(tipo) { if (tipo === "Muy positiva") return "#22c55e"; if (tipo === "Positiva") return "#1b75bb"; if (tipo === "Mixta") return "#f59e0b"; return "#652d90"; } sedes3.forEach(d => { const size = 26 + d.indice / 2; const icon = L.divIcon({ className: "", html: `

${d.ranking}

`, iconSize: [size, size], iconAnchor: [size/2, size/2] }); L.marker( [d.lat, d.lon], { icon } ) .bindPopup(`

#${d.ranking} ${d.sede}

Índice OMD: ${d.indice}
Recepción: ${d.recepcion}
País: ${d.pais} `) .addTo(map); }); const leyenda = L.control({position:"bottomright"}); leyenda.onAdd = function() { const div = L.DomUtil.create("div"); div.style.background = "white"; div.style.padding = "10px"; div.style.borderRadius = "10px"; div.style.fontSize = "13px"; div.innerHTML = ` Recepción digital
🟢 Muy positiva
🔵 Positiva
🟠 Mixta
🟣 Ambivalente `; return div; }; leyenda.addTo(map); return div; }