insertar el html a partir de aquí

Categorías

const empresas = [
{ name: «Complejo Jarata», lon: -4.6587097, lat: 37.5727878, categoria: «Eventos / Instalaciones» },
{ name: «Carpinteria Metalica Ángel Alcaide Delgado», lon: -4.660375, lat: 37.573374, categoria: «Metalurgia / Carpintería Metálica» },
{ name: «Vidrimon», lon: -4.6607903, lat: 37.5749264, categoria: «Vidrios» },
{ name: «Hyfotec», lon: -4.6577205, lat: 37.572364, categoria: «Energía / Automatismos» },
{ name: «Taller Mecánico Francisco Javier», lon: -4.6578303, lat: 37.5725068, categoria: «Talleres» },
{ name: «Family Energy», lon: -4.6595097, lat: 37.5760565, categoria: «Energía / Automatismos» },
{ name: «Family Cash», lon: -4.6600418, lat: 37.5754833, categoria: «Comercio / Almacenes» },
{ name: «Automatismos Itea, S.L.», lon: -4.6614316, lat: 37.5742451, categoria: «Energía / Automatismos» },
{ name: «Berlin Packaging Iberia Slu.», lon: -4.6608443, lat: 37.574701, categoria: «Comercio / Almacenes» },
{ name: «Muebles 1 Click», lon: -4.6593057, lat: 37.5752413, categoria: «Comercio / Almacenes» },
{ name: «SEAGRO SL», lon: -4.6598466, lat: 37.5747888, categoria: «Ferretería / Suministros» },
{ name: «Merino Automoción – Merino chapa y pintura – taller de chapa y pintura», lon: -4.6599063, lat: 37.5748372, categoria: «Talleres» },
{ name: «Paraguas Doppler», lon: -4.6609891, lat: 37.5740855, categoria: «Comercio / Almacenes» },
{ name: «SANEAMIENTOS CARRASQUILLA, S.L.», lon: -4.6610839, lat: 37.5740317, categoria: «Construcción / Saneamientos» },
{ name: «Serigrafia Casbe», lon: -4.6614641, lat: 37.5736307, categoria: «Artes Gráficas» },
{ name: «Eléctricas Pino S L», lon: -4.6618661, lat: 37.5735131, categoria: «Energía / Automatismos» },
{ name: «Monti-Reclam», lon: -4.6622036, lat: 37.5732587, categoria: «Artes Gráficas» },
{ name: «Agroisauto S.L. | Concesionario Oficial Landini», lon: -4.6620795, lat: 37.5742332, categoria: «Automoción / Maquinaria Agrícola» },
{ name: «AMA», lon: -4.6589234, lat: 37.5753384, categoria: «Comercio / Almacenes» },
{ name: «Thermorossi Iberica», lon: -4.6587714, lat: 37.5751767, categoria: «Energía / Automatismos» },
{ name: «Chimeneas Central Renovables. E.I.E.», lon: -4.6587411, lat: 37.5751369, categoria: «Energía / Automatismos» },
{ name: «La Consentida Terraza», lon: -4.658414, lat: 37.574742, categoria: «Hostelería / Restauración» },
{ name: «Agrocor Montilla», lon: -4.6580631, lat: 37.5744291, categoria: «Automoción / Maquinaria Agrícola» },
{ name: «Pinturas Copingra S.L», lon: -4.6579168, lat: 37.5743184, categoria: «Construcción / Pinturas» },
{ name: «C.E.I. Mi Cole», lon: -4.6578381, lat: 37.5740656, categoria: «Educación» },
{ name: «PRODUCTOS MANOLIN MORA SL», lon: -4.6577534, lat: 37.5739694, categoria: «Alimentación» },
{ name: «CENTRO MUNICIPAL DE TENIS Y PADEL MONTILLA», lon: -4.6557412, lat: 37.5725104, categoria: «Deportes» },
{ name: «Cafe Bar La Fábrica», lon: -4.6588099, lat: 37.5748473, categoria: «Hostelería / Restauración» },
{ name: «CONCOIBE S.L», lon: -4.6607681, lat: 37.5742496, categoria: «Construcción / Reformas» },
{ name: «SEAGRO S.L», lon: -4.6596937, lat: 37.574967, categoria: «Ferretería / Suministros» },
{ name: «ARTESANIA EN HIERRO LA FREGUA», lon: -4.6594944, lat: 37.5751677, categoria: «Metalurgia / Carpintería Metálica» },
{ name: «AUTOS VS», lon: -4.6602078, lat: 37.574683, categoria: «Automoción / Talleres» },
{ name: «TALLER SERYCAR», lon: -4.6598587, lat: 37.5743574, categoria: «Talleres» },
{ name: «FRANMIG», lon: -4.6594634, lat: 37.574002, categoria: «Logística / Almacenes» },
{ name: «PEPE RIOS», lon: -4.6592448, lat: 37.5739283, categoria: «Otros» },
{ name: «SUMINISTROS AGRÍCOLAS LUQUE S.L», lon: -4.6592273, lat: 37.5737698, categoria: «Ferretería / Suministros» },
{ name: «FERRETERIA LA CADENA», lon: -4.6589979, lat: 37.573625, categoria: «Ferretería / Suministros» },
{ name: «JOSE GALINDO E HIJOS», lon: -4.6585301, lat: 37.5730866, categoria: «Metalurgia / Carpintería Metálica» },
{ name: «HIDRAULICA Y FOTOVOLTAICA S,L», lon: -4.657722, lat: 37.5723858, categoria: «Energía / Automatismos» }
];

const categorias = {
«Talleres»: «red»,
«Automoción / Talleres»: «maroon»,
«Artes Gráficas»: «purple»,
«Ferretería / Suministros»: «orange»,
«Agricultura / Suministros»: «mediumseagreen»,
«Energía / Automatismos»: «blue»,
«Comercio / Almacenes»: «green»,
«Construcción / Saneamientos»: «teal»,
«Construcción / Pinturas»: «salmon»,
«Construcción / Reformas»: «brown»,
«Automoción / Maquinaria Agrícola»: «darkgreen»,
«Alimentación»: «darkorange»,
«Educación»: «gold»,
«Deportes»: «limegreen»,
«Hostelería / Restauración»: «darkcyan»,
«Metalurgia / Carpintería Metálica»: «navy»,
«Logística / Almacenes»: «gray»,
«Eventos / Instalaciones»: «deeppink»,
«Vidrios»: «dodgerblue»,
«Otros»: «lightgray»
};

const map = L.map(‘map’).setView([37.5735, -4.6596], 17);

L.tileLayer(‘https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}’, {
attribution: »
}).addTo(map);

const legend = {};
const markersMap = {};

empresas.forEach(e => {
if (!e.lat || !e.lon) return;
const color = categorias[e.categoria] || «black»;
const marker = L.circleMarker([e.lat, e.lon], {
radius: 8,
fillColor: color,
color: «#000»,
weight: 1,
opacity: 1,
fillOpacity: 0.8
}).addTo(map);
marker.bindPopup(`${e.name}
${e.categoria}`);
markersMap[e.name] = marker;

if (!legend[e.categoria]) legend[e.categoria] = [];
legend[e.categoria].push(e.name);
});

const legendDiv = document.getElementById(«legend»);
Object.entries(legend).forEach(([categoria, nombres]) => {
const color = categorias[categoria] || «black»;
const div = document.createElement(«div»);
div.classList.add(«category»);
let html = `

`;
nombres.forEach(n => {
html += `

`;
});
div.innerHTML = html;
legendDiv.appendChild(div);
});

window.openPopup = function(nombre) {
const marker = markersMap[nombre];
if (marker) {
map.setView(marker.getLatLng(), 18);
marker.openPopup();
}
};

const sidebar = document.getElementById(«sidebar»);
const toggleBtn = document.getElementById(«toggleSidebar»);
toggleBtn.addEventListener(«click», () => {
sidebar.classList.toggle(«hidden»);
});