Mapa Tur\u00edstico de Isla Mauricio<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n #map {\n height: 600px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n .custom-popup .leaflet-popup-content-wrapper {\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(5px);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n border-left: 5px solid #3b82f6;\n }\n .custom-popup .leaflet-popup-tip {\n background: rgba(255, 255, 255, 0.95);\n }\n .legend {\n background: rgba(255, 255, 255, 0.9);\n padding: 10px;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n max-height: 400px;\n overflow-y: auto;\n }\n .legend i {\n width: 18px;\n height: 18px;\n float: left;\n margin-right: 8px;\n opacity: 0.9;\n border-radius: 50%;\n }\n .location-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n }\n .active-card {\n border-left: 4px solid #3b82f6;\n background-color: #f8fafc;\n }\n .search-box {\n position: absolute;\n top: 10px;\n left: 50px;\n z-index: 1000;\n width: 300px;\n }\n .weather-card {\n background: linear-gradient(135deg, #3b82f6, #6366f1);\n color: white;\n border-radius: 12px;\n }\n .tour-guide {\n background: linear-gradient(135deg, #10b981, #14b8a6);\n color: white;\n border-radius: 12px;\n }\n .language-selector {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 1000;\n }\n .scrollable-cards {\n max-height: 600px;\n overflow-y: auto;\n padding-right: 8px;\n }\n .scrollable-cards::-webkit-scrollbar {\n width: 6px;\n }\n .scrollable-cards::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n }\n .scrollable-cards::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 10px;\n }\n .scrollable-cards::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n <div class=\"container mx-auto px-4 py-8\">\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl font-bold text-blue-800 mb-3\">Descubre Isla Mauricio<\/h1>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico\n <\/p>\n <div class=\"mt-6\">\n <div class=\"inline-flex items-center bg-gradient-to-r from-blue-500 to-teal-400 text-white px-6 py-3 rounded-full shadow-lg\">\n <i class=\"fas fa-map-marked-alt mr-2\"><\/i>\n <span>Mapa Interactivo<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-8 mb-8\">\n <div class=\"lg:col-span-1 bg-white p-6 rounded-xl shadow-md\">\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-2 flex items-center\">\n <i class=\"fas fa-list-ul text-blue-500 mr-3\"><\/i>\n Lugares destacados\n <\/h2>\n <div class=\"relative\">\n <input type=\"text\" id=\"search-input\" placeholder=\"Buscar lugares...\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <i class=\"fas fa-search absolute right-3 top-3 text-gray-400\"><\/i>\n <\/div>\n <\/div>\n <div class=\"scrollable-cards\" id=\"location-list\">\n \n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-3 relative\">\n <div id=\"map\" class=\"w-full\"><\/div>\n <div class=\"mt-4 flex flex-wrap gap-2 justify-center\" id=\"category-filters\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">\n <div class=\"weather-card p-6 shadow-md w-full\">\n <div class=\"flex items-center justify-between flex-wrap\">\n <div>\n <h3 class=\"text-xl font-semibold mb-1\">Clima en Mauricio<\/h3>\n <p class=\"text-sm opacity-90\">Actualizado en tiempo real<\/p>\n <\/div>\n <i class=\"fas fa-cloud-sun text-4xl opacity-80\"><\/i>\n <\/div>\n <div class=\"mt-4 grid grid-cols-2 gap-4\">\n <div>\n <p class=\"text-sm opacity-90\">Temperatura<\/p>\n <p id=\"temp\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Humedad<\/p>\n <p id=\"humedad\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Viento<\/p>\n <p id=\"viento\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Condici\u00f3n<\/p>\n <p id=\"condicion\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <\/div>\n<\/div>\n <div class=\"tour-guide p-6 shadow-md\">\n <div class=\"flex items-center justify-between\">\n <div>\n <h3 class=\"text-xl font-semibold mb-1\">Reserva ahora <\/h3>\n <p class=\"text-sm opacity-90\">8 Bonitos hoteles disponibles<\/p>\n <\/div>\n <i class=\"fas fa-user-tie text-4xl opacity-80\"><\/i>\n <\/div>\n <div class=\"mt-4\">\n <p class=\"mb-3\">Donde los preciosos lugares crean excepcionales recuerdos...\nArrecifes de coral, vistas al oc\u00e9ano, playas de arena blanca. Cada rinc\u00f3n es inolvidable.\n\u00bfYa ha hecho una reserva?.<\/p>\n <a href=\"https:\/\/bookings.beachcomber-hotels.com\/?hotel_id=&hotel_name=&contryId=195&country_id=195&client_type_id=8&adults=2&infant=0&children=0&check_in=&check_out=&isIndustryPartner=0&isTravelAgent=0&lang=es\" target=\"_blank\" rel=\"noopener noreferrer\">\n <button class=\"w-full bg-white text-teal-600 font-medium py-2 px-4 rounded-lg hover:bg-opacity-90 transition\">\n <i class=\"fas fa-calendar-check mr-2\"><\/i> Reservar ahora\n <\/button>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl shadow-md p-6 mt-8\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">Sobre Isla Mauricio<\/h2>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-blue-800 mb-2 flex items-center\">\n <i class=\"fas fa-globe-africa mr-2\"><\/i> Geograf\u00eda\n <\/h3>\n <p class=\"text-gray-700\">\n Isla Mauricio es un pa\u00eds insular ubicado en el Oc\u00e9ano \u00cdndico, a unos 2,000 km de la costa sureste de \u00c1frica. Conocida por sus playas, lagunas y arrecifes.\n <\/p>\n <\/div>\n <div class=\"bg-green-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-green-800 mb-2 flex items-center\">\n <i class=\"fas fa-umbrella-beach mr-2\"><\/i> Clima\n <\/h3>\n <p class=\"text-gray-700\">\n Clima tropical con veranos c\u00e1lidos y h\u00famedos (noviembre a abril) e inviernos m\u00e1s frescos y secos (mayo a octubre). Temperaturas promedio entre 20\u00b0C y 30\u00b0C.\n <\/p>\n <\/div>\n <div class=\"bg-purple-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-purple-800 mb-2 flex items-center\">\n <i class=\"fas fa-landmark mr-2\"><\/i> Cultura\n <\/h3>\n <p class=\"text-gray-700\">\n Mezcla \u00fanica de influencias africanas, indias, europeas y chinas. Idiomas oficiales: ingl\u00e9s y franc\u00e9s, aunque el criollo mauriciano es ampliamente hablado.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 bg-white rounded-xl shadow-md p-6\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">Galer\u00eda de Fotos<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Playa de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/dinarobin\/slider-be-dinarobin-d.webp?itok=ZobJDW9o?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Naturaleza de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/paradis\/slider-be-paradis-d.webp?itok=c_hwKZii?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Ciudad de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/trou-aux-biches\/slider-be-trou-aux-biches-d.webp?itok=fiR9xNNj?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Cultura de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Datos de los lugares tur\u00edsticos con im\u00e1genes corregidas\n const locations = [\n {\n id: 1,\n name: \"Playa de Trou aux Biches\",\n description: \"Una de las playas m\u00e1s hermosas con arena blanca y aguas cristalinas perfectas para snorkeling.\",\n lat: -20.034686,\n lng: 57.543839,\n category: \"playa\",\n icon: \"umbrella-beach\",\n color: \"blue\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Trou%20aux%20biches.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Todo el d\u00eda\",\n precio: \"Gratis\",\n destacado: \"Mejor atardecer\",\n rating: 4.8\n },\n {\n id: 2,\n name: \"Parque Nacional Black River Gorges\",\n description: \"Reserva natural con senderos para caminatas, cascadas y una gran variedad de flora y fauna end\u00e9mica.\",\n lat: -20.4050,\n lng: 57.4550,\n category: \"naturaleza\",\n icon: \"tree\",\n color: \"green\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Blackrivergorges.avif?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:00 AM - 6:00 PM\",\n precio: \"Entrada gratuita\",\n destacado: \"Vista panor\u00e1mica\",\n rating: 4.6\n },\n {\n id: 3,\n name: \"Chamarel - Tierra de los 7 Colores\",\n description: \"Dunas de arena con siete colores distintos debido a la composici\u00f3n mineral\u00f3gica \u00fanica del lugar.\",\n lat: -20.4406,\n lng: 57.3911,\n category: \"naturaleza\",\n icon: \"mountain\",\n color: \"orange\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/chamarel-colored-earth.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:30 AM - 5:30 PM\",\n precio: \"250 MUR (\u22486 USD)\",\n destacado: \"Fen\u00f3meno geol\u00f3gico\",\n rating: 4.7\n },\n {\n id: 4,\n name: \"Port Louis\",\n description: \"La capital de Mauricio, con el famoso mercado central, el hip\u00f3dromo y el Caudan Waterfront.\",\n lat: -20.1619,\n lng: 57.5012,\n category: \"ciudad\",\n icon: \"city\",\n color: \"red\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Port_Louis_Mauritius.jpeg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Mercado: 6:00 AM - 6:00 PM\",\n precio: \"Var\u00eda por actividad\",\n destacado: \"Cultura local\",\n rating: 4.4\n },\n {\n id: 5,\n name: \"Le Morne Brabant\",\n description: \"Monta\u00f1a ic\u00f3nica declarada Patrimonio de la Humanidad por la UNESCO, con playas espectaculares en su base.\",\n lat: -20.4525,\n lng: 57.3197,\n category: \"naturaleza\",\n icon: \"mountain\",\n color: \"purple\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Le%20morne%20bravant.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Todo el d\u00eda\",\n precio: \"Gratis\",\n destacado: \"Patrimonio UNESCO\",\n rating: 4.9\n },\n {\n id: 6,\n name: \"Bot\u00e1nico Pamplemousses\",\n description: \"Uno de los jardines bot\u00e1nicos m\u00e1s antiguos del hemisferio sur, famoso por sus nen\u00fafares gigantes.\",\n lat: -20.1056,\n lng: 57.5683,\n category: \"jardin\",\n icon: \"leaf\",\n color: \"teal\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/jardin-botanico-pamplemousses.avif?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:30 AM - 5:30 PM\",\n precio: \"200 MUR (\u22485 USD)\",\n destacado: \"Nen\u00fafares gigantes\",\n rating: 4.5\n },\n {\n id: 7,\n name: \"Ile aux Cerfs\",\n description: \"Isla paradis\u00edaca con playas de arena blanca y aguas turquesas, ideal para deportes acu\u00e1ticos.\",\n lat: -20.3864,\n lng: 57.7886,\n category: \"playa\",\n icon: \"umbrella-beach\",\n color: \"blue\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/ile-aux-cerfs.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"9:00 AM - 5:00 PM\",\n precio: \"Transporte en barco desde 500 MUR (\u224812 USD)\",\n destacado: \"Deportes acu\u00e1ticos\",\n rating: 4.7\n },\n {\n id: 8,\n name: \"Grand Bassin\",\n description: \"Lago sagrado hind\u00fa rodeado de templos y estatuas, incluyendo una gran estatua de Shiva.\",\n lat: -20.4167,\n lng: 57.4833,\n category: \"cultura\",\n icon: \"place-of-worship\",\n color: \"yellow\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/lac-grand-bassin.webp?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"6:00 AM - 8:00 PM\",\n precio: \"Gratis\",\n destacado: \"Sitio religioso\",\n rating: 4.3\n },\n \/\/ Hoteles Beachcomber con coordenadas corregidas\n {\n id: 9,\n name: \"Beachcomber Victoria\",\n description: \"Hotel familiar con amplias instalaciones frente al mar en Pointe aux Piments.\",\n lat: -20.0644,\n lng: 57.5186,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/8812e6a3-944c-705a-e1d4-206db01e015d\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 250 USD\/noche\",\n destacado: \"Piscinas y spa\",\n rating: 4.6\n },\n {\n id: 10,\n name: \"Trou aux Biches Beachcomber Golf Resort & Spa\",\n description: \"Ubicado en la costa noroeste de Mauricio, en el pueblo de Trou-aux-Biches, este resort se encuentra frente a una playa de arena blanca y una laguna turquesa, rodeado por un jard\u00edn tropical de 35 hect\u00e1reas.\",\n lat: -20.0358,\n lng: 57.5448,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/7b0eb52d-fe67-a47d-f190-7aae6e67faa6\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 400 USD\/noche\",\n destacado: \"Campo de golf\",\n rating: 4.8\n },\n {\n id: 11,\n name: \"Canonnier Beachcomber Golf Resort & Spa\",\n description: \"Localizado en Pointe aux Canonniers, en la costa norte de Mauricio, este hotel est\u00e1 construido sobre un sitio hist\u00f3rico con vistas al oc\u00e9ano y rodeado de jardines tropicales.\",\n lat: -20.0103,\n lng: 57.5459,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/2772fa49-c9c9-78c0-c480-e0041416663d\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 200 USD\/noche\",\n destacado: \"Fuerte hist\u00f3rico\",\n rating: 4.5\n },\n {\n id: 12,\n name: \"Beachcomber Dinarobin\",\n description: \"Resort exclusivo a los pies del Morne Brabant con villas de lujo.\",\n lat: -20.4519,\n lng: 57.3169,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/be6e3eaa-295e-24af-f2e9-daf12f98619a\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 500 USD\/noche\",\n destacado: \"Golf y spa\",\n rating: 4.9\n },\n {\n id: 13,\n name: \"Paradis Beachcomber Golf Resort & Spa\",\n description: \"Situado en la pen\u00ednsula de Le Morne, en la costa suroeste de Mauricio, este resort ofrece vistas impresionantes de la monta\u00f1a Le Morne Brabant y acceso directo a una playa de arena blanca.\",\n lat: -20.4399,\n lng: 57.3202,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/d35327de-976f-0e7d-b00c-2d208ec7a405\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 450 USD\/noche\",\n destacado: \"Campo de golf\",\n rating: 4.7\n },\n {\n id: 14,\n name: \"Beachcomber Shandrani\",\n description: \"Resort todo incluido en Blue Bay, cerca del parque marino.\",\n lat: -20.4283,\n lng: 57.7167,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/24c33873-5093-d67f-9b36-a58ffb36369e\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 350 USD\/noche\",\n destacado: \"Todo incluido\",\n rating: 4.6\n },\n {\n id: 15,\n name: \"Beachcomber Royal Palm\",\n description: \"Hotel boutique de ultra lujo en Grand Baie, miembro de Leading Hotels of the World.\",\n lat: -20.0167,\n lng: 57.5833,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/fca168ba-05e1-5fef-045c-1003a255bf00\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 700 USD\/noche\",\n destacado: \"Restaurante gourmet\",\n rating: 4.9\n },\n {\n id: 16,\n name: \"Beachcomber Mauricia\",\n description: \"Hotel moderno y animado en Grand Baie con ambiente juvenil.\",\n lat: -20.0167,\n lng: 57.5800,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 180 USD\/noche\",\n destacado: \"Vida nocturna\",\n rating: 4.4\n }\n ];\n \/\/ Categor\u00edas \u00fanicas para los filtros\n const categories = [...new Set(locations.map(loc => loc.category))];\n \n \/\/ Inicializar el mapa\n const map = L.map('map').setView([-20.2000, 57.5000], 10);\n \n \/\/ A\u00f1adir capa de mapa base\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }).addTo(map);\n \/\/ A\u00f1adir capa de sat\u00e9lite\n const satelliteLayer = L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\n attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'\n });\n \/\/ Control de capas\n const baseLayers = {\n \"Mapa\": L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }),\n \"Sat\u00e9lite\": satelliteLayer\n };\n L.control.layers(baseLayers, null, {position: 'topright'}).addTo(map);\n \/\/ Iconos personalizados\n const iconColors = {\n blue: '#3b82f6',\n green: '#10b981',\n orange: '#f59e0b',\n red: '#ef4444',\n purple: '#8b5cf6',\n teal: '#14b8a6',\n yellow: '#eab308',\n pink: '#ec4899'\n };\n \/\/ Crear marcadores para cada ubicaci\u00f3n\n const markers = {};\n locations.forEach(location => {\n const icon = L.divIcon({\n html: `<div class=\"relative\">\n <i class=\"fas fa-${location.icon} text-white text-lg absolute inset-0 flex items-center justify-center\"><\/i>\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z\" fill=\"${iconColors[location.color]}\"\/>\n <\/svg>\n <\/div>`,\n className: '',\n iconSize: [32, 32],\n iconAnchor: [16, 32],\n popupAnchor: [0, -32]\n });\n const marker = L.marker([location.lat, location.lng], { \n icon: icon,\n riseOnHover: true\n }).addTo(map);\n \/\/ Popup personalizado\n const popupContent = `\n <div class=\"custom-popup w-64\">\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 min-w-[128px] min-h-[72px] max-w-[128px] max-h-[72px] rounded-md overflow-hidden bg-gray-200\">\n <img decoding=\"async\" src=\"${location.image}\" \n alt=\"${location.name}\" \n class=\"w-full h-full object-cover\"\n onload=\"this.closest('.leaflet-popup-content-wrapper').style.height='auto';\"\n onerror=\"this.style.display='none'\">\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-lg font-medium text-gray-900\">${location.name}<\/h3>\n <div class=\"flex items-center mt-1\">\n ${renderStars(location.rating)}\n <span class=\"text-xs text-gray-500 ml-1\">${location.rating}<\/span>\n <\/div>\n <p class=\"text-sm text-gray-500 mt-1\">${location.description}<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-2 grid grid-cols-2 gap-2 text-xs\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-clock text-gray-500 mr-1\"><\/i>\n <span>${location.horario}<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-tag text-gray-500 mr-1\"><\/i>\n <span>${location.precio}<\/span>\n <\/div>\n <\/div>\n <div class=\"mt-3 flex justify-between items-center\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-${location.color}-100 text-${location.color}-800\">\n ${location.category.charAt(0).toUpperCase() + location.category.slice(1)}\n <\/span>\n <span class=\"text-xs text-gray-500\">\n <i class=\"fas fa-star text-yellow-400 mr-1\"><\/i>\n ${location.destacado}\n <\/span>\n <\/div>\n <\/div>\n `;\n marker.bindPopup(popupContent, {\n className: 'custom-popup',\n maxWidth: 300\n });\n markers[location.id] = marker;\n \/\/ Eventos del marcador\n marker.on('click', function() {\n highlightLocationCard(location.id);\n });\n });\n \/\/ Funci\u00f3n para renderizar estrellas de rating\n function renderStars(rating) {\n let stars = '';\n const fullStars = Math.floor(rating);\n const hasHalfStar = rating % 1 >= 0.5;\n \n for (let i = 0; i < fullStars; i++) {\n stars += '<i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>';\n }\n \n if (hasHalfStar) {\n stars += '<i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>';\n }\n \n const emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0);\n for (let i = 0; i < emptyStars; i++) {\n stars += '<i class=\"far fa-star text-yellow-400 text-xs\"><\/i>';\n }\n \n return stars;\n }\n \/\/ A\u00f1adir leyenda\n const legend = L.control({position: 'bottomright'});\n legend.onAdd = function(map) {\n const div = L.DomUtil.create('div', 'legend');\n div.innerHTML = `\n <h4 class=\"font-medium mb-2\">Leyenda<\/h4>\n ${categories.map(cat => {\n const loc = locations.find(l => l.category === cat);\n return `\n <div class=\"flex items-center mb-1\">\n <i class=\"fas fa-${loc.icon} text-${loc.color}-500 mr-2\"><\/i>\n <span class=\"text-sm\">${cat.charAt(0).toUpperCase() + cat.slice(1)}<\/span>\n <\/div>\n `;\n }).join('')}\n `;\n return div;\n };\n legend.addTo(map);\n \/\/ Generar lista de ubicaciones con informaci\u00f3n adicional\n const locationList = document.getElementById('location-list');\n locations.forEach(location => {\n const card = document.createElement('div');\n card.className = `location-card bg-white p-4 rounded-lg shadow-sm cursor-pointer transition-all duration-300 border-l-4 border-transparent mb-3`;\n card.dataset.id = location.id;\n card.innerHTML = `\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-${location.color}-100 flex items-center justify-center\">\n <i class=\"fas fa-${location.icon} text-${location.color}-600\"><\/i>\n <\/div>\n <div class=\"ml-3\">\n <h3 class=\"text-sm font-medium text-gray-900\">${location.name}<\/h3>\n <div class=\"flex items-center mt-1\">\n ${renderStars(location.rating)}\n <span class=\"text-xs text-gray-500 ml-1\">${location.rating}<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mt-1\">${location.description.substring(0, 60)}...<\/p>\n <div class=\"mt-2 grid grid-cols-2 gap-1 text-xs text-gray-600\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-clock mr-1 text-gray-400\"><\/i>\n <span>${location.horario}<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-tag mr-1 text-gray-400\"><\/i>\n <span>${location.precio}<\/span>\n <\/div>\n <\/div>\n <div class=\"mt-2\">\n <span class=\"inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-${location.color}-50 text-${location.color}-700\">\n <i class=\"fas fa-star text-yellow-400 mr-1\"><\/i>\n ${location.destacado}\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n `;\n locationList.appendChild(card);\n \/\/ Evento click para las tarjetas\n card.addEventListener('click', function() {\n const id = parseInt(this.dataset.id);\n const location = locations.find(loc => loc.id === id);\n map.setView([location.lat, location.lng], 14);\n markers[id].openPopup();\n highlightLocationCard(id);\n });\n });\n \/\/ Generar filtros por categor\u00eda\n const categoryFilters = document.getElementById('category-filters');\n categoryFilters.innerHTML = `\n <button class=\"filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-800 text-sm font-medium mr-2 mb-2 transition-all hover:bg-blue-200 active\" data-category=\"all\">\n <i class=\"fas fa-globe mr-1\"><\/i> Todos\n <\/button>\n ${categories.map(cat => {\n const icon = locations.find(loc => loc.category === cat).icon;\n const color = locations.find(loc => loc.category === cat).color;\n return `\n <button class=\"filter-btn px-4 py-2 rounded-full bg-${color}-100 text-${color}-800 text-sm font-medium mr-2 mb-2 transition-all hover:bg-${color}-200\" data-category=\"${cat}\">\n <i class=\"fas fa-${icon} mr-1\"><\/i> ${cat.charAt(0).toUpperCase() + cat.slice(1)}\n <\/button>\n `;\n }).join('')}\n `;\n \/\/ Eventos para los filtros\n document.querySelectorAll('.filter-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n \/\/ Actualizar bot\u00f3n activo\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n \n const category = this.dataset.category;\n \n \/\/ Filtrar marcadores\n locations.forEach(location => {\n if (category === 'all' || location.category === category) {\n map.addLayer(markers[location.id]);\n document.querySelector(`.location-card[data-id=\"${location.id}\"]`).style.display = 'block';\n } else {\n map.removeLayer(markers[location.id]);\n document.querySelector(`.location-card[data-id=\"${location.id}\"]`).style.display = 'none';\n }\n });\n });\n });\n \/\/ Funci\u00f3n para resaltar la tarjeta de ubicaci\u00f3n\n function highlightLocationCard(id) {\n document.querySelectorAll('.location-card').forEach(card => {\n card.classList.remove('active-card');\n });\n document.querySelector(`.location-card[data-id=\"${id}\"]`).classList.add('active-card');\n \n \/\/ Scroll to the card if it's not visible\n const card = document.querySelector(`.location-card[data-id=\"${id}\"]`);\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n \/\/ Funci\u00f3n de b\u00fasqueda\n const searchInput = document.getElementById('search-input');\n searchInput.addEventListener('input', function() {\n const searchTerm = this.value.toLowerCase();\n \n locations.forEach(location => {\n const card = document.querySelector(`.location-card[data-id=\"${location.id}\"]`);\n const matches = location.name.toLowerCase().includes(searchTerm) || \n location.description.toLowerCase().includes(searchTerm) ||\n location.category.toLowerCase().includes(searchTerm) ||\n location.destacado.toLowerCase().includes(searchTerm);\n \n if (matches) {\n card.style.display = 'block';\n map.addLayer(markers[location.id]);\n } else {\n card.style.display = 'none';\n map.removeLayer(markers[location.id]);\n }\n });\n });\n \/\/ Mostrar todos los lugares al cargar\n document.querySelector('.filter-btn[data-category=\"all\"]').click();\n });\n <\/script>\n<p style=\"border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;\">Made with <img decoding=\"async\" src=\"https:\/\/enzostvs-deepsite.hf.space\/logo.svg\" alt=\"DeepSite Logo\" style=\"width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);\"><a href=\"https:\/\/enzostvs-deepsite.hf.space\" style=\"color: #fff;text-decoration: underline;\" target=\"_blank\" >DeepSite<\/a> - \ud83e\uddec <a href=\"https:\/\/enzostvs-deepsite.hf.space?remix=svilalta\/beachcomber-map\" style=\"color: #fff;text-decoration: underline;\" target=\"_blank\" >Remix<\/a><\/p>\n<script>\n async function cargarClima() {\n const apiKey = 'be3a73d969a45ef91488e40c451538fc'; \/\/ \u2190 Sustituye esto por tu API key real de OpenWeatherMap\n const ciudad = 'Port Louis, MU';\n const url = `https:\/\/api.openweathermap.org\/data\/2.5\/weather?q=${encodeURIComponent(ciudad)}&appid=${apiKey}&units=metric&lang=es`;\n try {\n const res = await fetch(url);\n const data = await res.json();\n document.getElementById('temp').textContent = `${Math.round(data.main.temp)}\u00b0C`;\n document.getElementById('humedad').textContent = `${data.main.humidity}%`;\n document.getElementById('viento').textContent = `${data.wind.speed} km\/h`;\n document.getElementById('condicion').textContent = data.weather[0].description;\n } catch (error) {\n console.error('Error al obtener el clima:', error);\n }\n }\n \/\/ Ejecutar al cargar la p\u00e1gina\n window.addEventListener('load', cargarClima);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30099","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Test BCH - Salvador Vilalta<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/salvadorvilalta.com\/en\/test-bch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test BCH\" \/>\n<meta property=\"og:description\" content=\"Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salvadorvilalta.com\/en\/test-bch\/\" \/>\n<meta property=\"og:site_name\" content=\"Salvador Vilalta\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-13T17:49:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\",\"name\":\"Test BCH - Salvador Vilalta\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\"datePublished\":\"2025-04-12T22:02:55+00:00\",\"dateModified\":\"2025-04-13T17:49:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\"contentUrl\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test BCH\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/\",\"name\":\"Salvador Vilalta\",\"description\":\"SV\",\"publisher\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#\\\/schema\\\/person\\\/46bbea2a058bb4eace536ab893edc68b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#\\\/schema\\\/person\\\/46bbea2a058bb4eace536ab893edc68b\",\"name\":\"Salvador Vilalta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"contentUrl\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"width\":400,\"height\":400,\"caption\":\"Salvador Vilalta\"},\"logo\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\"}}]}<\/script>\n","yoast_head_json":{"title":"Test BCH - Salvador Vilalta","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","og_locale":"en_US","og_type":"article","og_title":"Test BCH","og_description":"Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…","og_url":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","og_site_name":"Salvador Vilalta","article_modified_time":"2025-04-13T17:49:55+00:00","og_image":[{"url":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","url":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","name":"Test BCH - Salvador Vilalta","isPartOf":{"@id":"https:\/\/salvadorvilalta.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage"},"image":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","datePublished":"2025-04-12T22:02:55+00:00","dateModified":"2025-04-13T17:49:55+00:00","breadcrumb":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salvadorvilalta.com\/en\/test-bch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage","url":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","contentUrl":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/salvadorvilalta.com\/en\/"},{"@type":"ListItem","position":2,"name":"Test BCH"}]},{"@type":"WebSite","@id":"https:\/\/salvadorvilalta.com\/en\/#website","url":"https:\/\/salvadorvilalta.com\/en\/","name":"Salvador Vilalta","description":"SV","publisher":{"@id":"https:\/\/salvadorvilalta.com\/en\/#\/schema\/person\/46bbea2a058bb4eace536ab893edc68b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salvadorvilalta.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/salvadorvilalta.com\/en\/#\/schema\/person\/46bbea2a058bb4eace536ab893edc68b","name":"Salvador Vilalta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","url":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","contentUrl":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","width":400,"height":400,"caption":"Salvador Vilalta"},"logo":{"@id":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/comments?post=30099"}],"version-history":[{"count":16,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099\/revisions"}],"predecessor-version":[{"id":30120,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099\/revisions\/30120"}],"wp:attachment":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/media?parent=30099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Mapa Tur\u00edstico de Isla Mauricio<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n #map {\n height: 600px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n .custom-popup .leaflet-popup-content-wrapper {\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(5px);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n border-left: 5px solid #3b82f6;\n }\n .custom-popup .leaflet-popup-tip {\n background: rgba(255, 255, 255, 0.95);\n }\n .legend {\n background: rgba(255, 255, 255, 0.9);\n padding: 10px;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n max-height: 400px;\n overflow-y: auto;\n }\n .legend i {\n width: 18px;\n height: 18px;\n float: left;\n margin-right: 8px;\n opacity: 0.9;\n border-radius: 50%;\n }\n .location-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n }\n .active-card {\n border-left: 4px solid #3b82f6;\n background-color: #f8fafc;\n }\n .search-box {\n position: absolute;\n top: 10px;\n left: 50px;\n z-index: 1000;\n width: 300px;\n }\n .weather-card {\n background: linear-gradient(135deg, #3b82f6, #6366f1);\n color: white;\n border-radius: 12px;\n }\n .tour-guide {\n background: linear-gradient(135deg, #10b981, #14b8a6);\n color: white;\n border-radius: 12px;\n }\n .language-selector {\n position: absolute;\n top: 10px;\n right: 10px;\n z-index: 1000;\n }\n .scrollable-cards {\n max-height: 600px;\n overflow-y: auto;\n padding-right: 8px;\n }\n .scrollable-cards::-webkit-scrollbar {\n width: 6px;\n }\n .scrollable-cards::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n }\n .scrollable-cards::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 10px;\n }\n .scrollable-cards::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n <div class=\"container mx-auto px-4 py-8\">\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl font-bold text-blue-800 mb-3\">Descubre Isla Mauricio<\/h1>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico\n <\/p>\n <div class=\"mt-6\">\n <div class=\"inline-flex items-center bg-gradient-to-r from-blue-500 to-teal-400 text-white px-6 py-3 rounded-full shadow-lg\">\n <i class=\"fas fa-map-marked-alt mr-2\"><\/i>\n <span>Mapa Interactivo<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-8 mb-8\">\n <div class=\"lg:col-span-1 bg-white p-6 rounded-xl shadow-md\">\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-2 flex items-center\">\n <i class=\"fas fa-list-ul text-blue-500 mr-3\"><\/i>\n Lugares destacados\n <\/h2>\n <div class=\"relative\">\n <input type=\"text\" id=\"search-input\" placeholder=\"Buscar lugares...\" class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <i class=\"fas fa-search absolute right-3 top-3 text-gray-400\"><\/i>\n <\/div>\n <\/div>\n <div class=\"scrollable-cards\" id=\"location-list\">\n \n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-3 relative\">\n <div id=\"map\" class=\"w-full\"><\/div>\n <div class=\"mt-4 flex flex-wrap gap-2 justify-center\" id=\"category-filters\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">\n <div class=\"weather-card p-6 shadow-md w-full\">\n <div class=\"flex items-center justify-between flex-wrap\">\n <div>\n <h3 class=\"text-xl font-semibold mb-1\">Clima en Mauricio<\/h3>\n <p class=\"text-sm opacity-90\">Actualizado en tiempo real<\/p>\n <\/div>\n <i class=\"fas fa-cloud-sun text-4xl opacity-80\"><\/i>\n <\/div>\n <div class=\"mt-4 grid grid-cols-2 gap-4\">\n <div>\n <p class=\"text-sm opacity-90\">Temperatura<\/p>\n <p id=\"temp\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Humedad<\/p>\n <p id=\"humedad\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Viento<\/p>\n <p id=\"viento\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <div>\n <p class=\"text-sm opacity-90\">Condici\u00f3n<\/p>\n <p id=\"condicion\" class=\"text-2xl font-bold\">--<\/p>\n <\/div>\n <\/div>\n<\/div>\n <div class=\"tour-guide p-6 shadow-md\">\n <div class=\"flex items-center justify-between\">\n <div>\n <h3 class=\"text-xl font-semibold mb-1\">Reserva ahora <\/h3>\n <p class=\"text-sm opacity-90\">8 Bonitos hoteles disponibles<\/p>\n <\/div>\n <i class=\"fas fa-user-tie text-4xl opacity-80\"><\/i>\n <\/div>\n <div class=\"mt-4\">\n <p class=\"mb-3\">Donde los preciosos lugares crean excepcionales recuerdos...\nArrecifes de coral, vistas al oc\u00e9ano, playas de arena blanca. Cada rinc\u00f3n es inolvidable.\n\u00bfYa ha hecho una reserva?.<\/p>\n <a href=\"https:\/\/bookings.beachcomber-hotels.com\/?hotel_id=&hotel_name=&contryId=195&country_id=195&client_type_id=8&adults=2&infant=0&children=0&check_in=&check_out=&isIndustryPartner=0&isTravelAgent=0&lang=es\" target=\"_blank\" rel=\"noopener noreferrer\">\n <button class=\"w-full bg-white text-teal-600 font-medium py-2 px-4 rounded-lg hover:bg-opacity-90 transition\">\n <i class=\"fas fa-calendar-check mr-2\"><\/i> Reservar ahora\n <\/button>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl shadow-md p-6 mt-8\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">Sobre Isla Mauricio<\/h2>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-blue-800 mb-2 flex items-center\">\n <i class=\"fas fa-globe-africa mr-2\"><\/i> Geograf\u00eda\n <\/h3>\n <p class=\"text-gray-700\">\n Isla Mauricio es un pa\u00eds insular ubicado en el Oc\u00e9ano \u00cdndico, a unos 2,000 km de la costa sureste de \u00c1frica. Conocida por sus playas, lagunas y arrecifes.\n <\/p>\n <\/div>\n <div class=\"bg-green-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-green-800 mb-2 flex items-center\">\n <i class=\"fas fa-umbrella-beach mr-2\"><\/i> Clima\n <\/h3>\n <p class=\"text-gray-700\">\n Clima tropical con veranos c\u00e1lidos y h\u00famedos (noviembre a abril) e inviernos m\u00e1s frescos y secos (mayo a octubre). Temperaturas promedio entre 20\u00b0C y 30\u00b0C.\n <\/p>\n <\/div>\n <div class=\"bg-purple-50 p-4 rounded-lg\">\n <h3 class=\"font-medium text-purple-800 mb-2 flex items-center\">\n <i class=\"fas fa-landmark mr-2\"><\/i> Cultura\n <\/h3>\n <p class=\"text-gray-700\">\n Mezcla \u00fanica de influencias africanas, indias, europeas y chinas. Idiomas oficiales: ingl\u00e9s y franc\u00e9s, aunque el criollo mauriciano es ampliamente hablado.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 bg-white rounded-xl shadow-md p-6\">\n <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">Galer\u00eda de Fotos<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Playa de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/dinarobin\/slider-be-dinarobin-d.webp?itok=ZobJDW9o?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Naturaleza de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/paradis\/slider-be-paradis-d.webp?itok=c_hwKZii?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Ciudad de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden h-40\">\n <img decoding=\"async\" src=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/trou-aux-biches\/slider-be-trou-aux-biches-d.webp?itok=fiR9xNNj?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" alt=\"Cultura de Mauricio\" class=\"w-full h-full object-cover hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Datos de los lugares tur\u00edsticos con im\u00e1genes corregidas\n const locations = [\n {\n id: 1,\n name: \"Playa de Trou aux Biches\",\n description: \"Una de las playas m\u00e1s hermosas con arena blanca y aguas cristalinas perfectas para snorkeling.\",\n lat: -20.034686,\n lng: 57.543839,\n category: \"playa\",\n icon: \"umbrella-beach\",\n color: \"blue\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Trou%20aux%20biches.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Todo el d\u00eda\",\n precio: \"Gratis\",\n destacado: \"Mejor atardecer\",\n rating: 4.8\n },\n {\n id: 2,\n name: \"Parque Nacional Black River Gorges\",\n description: \"Reserva natural con senderos para caminatas, cascadas y una gran variedad de flora y fauna end\u00e9mica.\",\n lat: -20.4050,\n lng: 57.4550,\n category: \"naturaleza\",\n icon: \"tree\",\n color: \"green\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Blackrivergorges.avif?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:00 AM - 6:00 PM\",\n precio: \"Entrada gratuita\",\n destacado: \"Vista panor\u00e1mica\",\n rating: 4.6\n },\n {\n id: 3,\n name: \"Chamarel - Tierra de los 7 Colores\",\n description: \"Dunas de arena con siete colores distintos debido a la composici\u00f3n mineral\u00f3gica \u00fanica del lugar.\",\n lat: -20.4406,\n lng: 57.3911,\n category: \"naturaleza\",\n icon: \"mountain\",\n color: \"orange\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/chamarel-colored-earth.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:30 AM - 5:30 PM\",\n precio: \"250 MUR (\u22486 USD)\",\n destacado: \"Fen\u00f3meno geol\u00f3gico\",\n rating: 4.7\n },\n {\n id: 4,\n name: \"Port Louis\",\n description: \"La capital de Mauricio, con el famoso mercado central, el hip\u00f3dromo y el Caudan Waterfront.\",\n lat: -20.1619,\n lng: 57.5012,\n category: \"ciudad\",\n icon: \"city\",\n color: \"red\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Port_Louis_Mauritius.jpeg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Mercado: 6:00 AM - 6:00 PM\",\n precio: \"Var\u00eda por actividad\",\n destacado: \"Cultura local\",\n rating: 4.4\n },\n {\n id: 5,\n name: \"Le Morne Brabant\",\n description: \"Monta\u00f1a ic\u00f3nica declarada Patrimonio de la Humanidad por la UNESCO, con playas espectaculares en su base.\",\n lat: -20.4525,\n lng: 57.3197,\n category: \"naturaleza\",\n icon: \"mountain\",\n color: \"purple\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/Le%20morne%20bravant.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Todo el d\u00eda\",\n precio: \"Gratis\",\n destacado: \"Patrimonio UNESCO\",\n rating: 4.9\n },\n {\n id: 6,\n name: \"Bot\u00e1nico Pamplemousses\",\n description: \"Uno de los jardines bot\u00e1nicos m\u00e1s antiguos del hemisferio sur, famoso por sus nen\u00fafares gigantes.\",\n lat: -20.1056,\n lng: 57.5683,\n category: \"jardin\",\n icon: \"leaf\",\n color: \"teal\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/jardin-botanico-pamplemousses.avif?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"8:30 AM - 5:30 PM\",\n precio: \"200 MUR (\u22485 USD)\",\n destacado: \"Nen\u00fafares gigantes\",\n rating: 4.5\n },\n {\n id: 7,\n name: \"Ile aux Cerfs\",\n description: \"Isla paradis\u00edaca con playas de arena blanca y aguas turquesas, ideal para deportes acu\u00e1ticos.\",\n lat: -20.3864,\n lng: 57.7886,\n category: \"playa\",\n icon: \"umbrella-beach\",\n color: \"blue\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/ile-aux-cerfs.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"9:00 AM - 5:00 PM\",\n precio: \"Transporte en barco desde 500 MUR (\u224812 USD)\",\n destacado: \"Deportes acu\u00e1ticos\",\n rating: 4.7\n },\n {\n id: 8,\n name: \"Grand Bassin\",\n description: \"Lago sagrado hind\u00fa rodeado de templos y estatuas, incluyendo una gran estatua de Shiva.\",\n lat: -20.4167,\n lng: 57.4833,\n category: \"cultura\",\n icon: \"place-of-worship\",\n color: \"yellow\",\n image: \"https:\/\/huggingface.co\/spaces\/svilalta\/beachcomber-map\/resolve\/main\/lac-grand-bassin.webp?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"6:00 AM - 8:00 PM\",\n precio: \"Gratis\",\n destacado: \"Sitio religioso\",\n rating: 4.3\n },\n \/\/ Hoteles Beachcomber con coordenadas corregidas\n {\n id: 9,\n name: \"Beachcomber Victoria\",\n description: \"Hotel familiar con amplias instalaciones frente al mar en Pointe aux Piments.\",\n lat: -20.0644,\n lng: 57.5186,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/8812e6a3-944c-705a-e1d4-206db01e015d\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 250 USD\/noche\",\n destacado: \"Piscinas y spa\",\n rating: 4.6\n },\n {\n id: 10,\n name: \"Trou aux Biches Beachcomber Golf Resort & Spa\",\n description: \"Ubicado en la costa noroeste de Mauricio, en el pueblo de Trou-aux-Biches, este resort se encuentra frente a una playa de arena blanca y una laguna turquesa, rodeado por un jard\u00edn tropical de 35 hect\u00e1reas.\",\n lat: -20.0358,\n lng: 57.5448,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/7b0eb52d-fe67-a47d-f190-7aae6e67faa6\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 400 USD\/noche\",\n destacado: \"Campo de golf\",\n rating: 4.8\n },\n {\n id: 11,\n name: \"Canonnier Beachcomber Golf Resort & Spa\",\n description: \"Localizado en Pointe aux Canonniers, en la costa norte de Mauricio, este hotel est\u00e1 construido sobre un sitio hist\u00f3rico con vistas al oc\u00e9ano y rodeado de jardines tropicales.\",\n lat: -20.0103,\n lng: 57.5459,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/2772fa49-c9c9-78c0-c480-e0041416663d\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 200 USD\/noche\",\n destacado: \"Fuerte hist\u00f3rico\",\n rating: 4.5\n },\n {\n id: 12,\n name: \"Beachcomber Dinarobin\",\n description: \"Resort exclusivo a los pies del Morne Brabant con villas de lujo.\",\n lat: -20.4519,\n lng: 57.3169,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/be6e3eaa-295e-24af-f2e9-daf12f98619a\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 500 USD\/noche\",\n destacado: \"Golf y spa\",\n rating: 4.9\n },\n {\n id: 13,\n name: \"Paradis Beachcomber Golf Resort & Spa\",\n description: \"Situado en la pen\u00ednsula de Le Morne, en la costa suroeste de Mauricio, este resort ofrece vistas impresionantes de la monta\u00f1a Le Morne Brabant y acceso directo a una playa de arena blanca.\",\n lat: -20.4399,\n lng: 57.3202,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/d35327de-976f-0e7d-b00c-2d208ec7a405\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 450 USD\/noche\",\n destacado: \"Campo de golf\",\n rating: 4.7\n },\n {\n id: 14,\n name: \"Beachcomber Shandrani\",\n description: \"Resort todo incluido en Blue Bay, cerca del parque marino.\",\n lat: -20.4283,\n lng: 57.7167,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/24c33873-5093-d67f-9b36-a58ffb36369e\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 350 USD\/noche\",\n destacado: \"Todo incluido\",\n rating: 4.6\n },\n {\n id: 15,\n name: \"Beachcomber Royal Palm\",\n description: \"Hotel boutique de ultra lujo en Grand Baie, miembro de Leading Hotels of the World.\",\n lat: -20.0167,\n lng: 57.5833,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/cdn.crowdriff.com\/in-use\/fca168ba-05e1-5fef-045c-1003a255bf00\/1080.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 700 USD\/noche\",\n destacado: \"Restaurante gourmet\",\n rating: 4.9\n },\n {\n id: 16,\n name: \"Beachcomber Mauricia\",\n description: \"Hotel moderno y animado en Grand Baie con ambiente juvenil.\",\n lat: -20.0167,\n lng: 57.5800,\n category: \"hotel\",\n icon: \"hotel\",\n color: \"pink\",\n image: \"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\n horario: \"Check-in: 14:00, Check-out: 12:00\",\n precio: \"Desde 180 USD\/noche\",\n destacado: \"Vida nocturna\",\n rating: 4.4\n }\n ];\n \/\/ Categor\u00edas \u00fanicas para los filtros\n const categories = [...new Set(locations.map(loc => loc.category))];\n \n \/\/ Inicializar el mapa\n const map = L.map('map').setView([-20.2000, 57.5000], 10);\n \n \/\/ A\u00f1adir capa de mapa base\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }).addTo(map);\n \/\/ A\u00f1adir capa de sat\u00e9lite\n const satelliteLayer = L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\n attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'\n });\n \/\/ Control de capas\n const baseLayers = {\n \"Mapa\": L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }),\n \"Sat\u00e9lite\": satelliteLayer\n };\n L.control.layers(baseLayers, null, {position: 'topright'}).addTo(map);\n \/\/ Iconos personalizados\n const iconColors = {\n blue: '#3b82f6',\n green: '#10b981',\n orange: '#f59e0b',\n red: '#ef4444',\n purple: '#8b5cf6',\n teal: '#14b8a6',\n yellow: '#eab308',\n pink: '#ec4899'\n };\n \/\/ Crear marcadores para cada ubicaci\u00f3n\n const markers = {};\n locations.forEach(location => {\n const icon = L.divIcon({\n html: `<div class=\"relative\">\n <i class=\"fas fa-${location.icon} text-white text-lg absolute inset-0 flex items-center justify-center\"><\/i>\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z\" fill=\"${iconColors[location.color]}\"\/>\n <\/svg>\n <\/div>`,\n className: '',\n iconSize: [32, 32],\n iconAnchor: [16, 32],\n popupAnchor: [0, -32]\n });\n const marker = L.marker([location.lat, location.lng], { \n icon: icon,\n riseOnHover: true\n }).addTo(map);\n \/\/ Popup personalizado\n const popupContent = `\n <div class=\"custom-popup w-64\">\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 min-w-[128px] min-h-[72px] max-w-[128px] max-h-[72px] rounded-md overflow-hidden bg-gray-200\">\n <img decoding=\"async\" src=\"${location.image}\" \n alt=\"${location.name}\" \n class=\"w-full h-full object-cover\"\n onload=\"this.closest('.leaflet-popup-content-wrapper').style.height='auto';\"\n onerror=\"this.style.display='none'\">\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-lg font-medium text-gray-900\">${location.name}<\/h3>\n <div class=\"flex items-center mt-1\">\n ${renderStars(location.rating)}\n <span class=\"text-xs text-gray-500 ml-1\">${location.rating}<\/span>\n <\/div>\n <p class=\"text-sm text-gray-500 mt-1\">${location.description}<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-2 grid grid-cols-2 gap-2 text-xs\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-clock text-gray-500 mr-1\"><\/i>\n <span>${location.horario}<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-tag text-gray-500 mr-1\"><\/i>\n <span>${location.precio}<\/span>\n <\/div>\n <\/div>\n <div class=\"mt-3 flex justify-between items-center\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-${location.color}-100 text-${location.color}-800\">\n ${location.category.charAt(0).toUpperCase() + location.category.slice(1)}\n <\/span>\n <span class=\"text-xs text-gray-500\">\n <i class=\"fas fa-star text-yellow-400 mr-1\"><\/i>\n ${location.destacado}\n <\/span>\n <\/div>\n <\/div>\n `;\n marker.bindPopup(popupContent, {\n className: 'custom-popup',\n maxWidth: 300\n });\n markers[location.id] = marker;\n \/\/ Eventos del marcador\n marker.on('click', function() {\n highlightLocationCard(location.id);\n });\n });\n \/\/ Funci\u00f3n para renderizar estrellas de rating\n function renderStars(rating) {\n let stars = '';\n const fullStars = Math.floor(rating);\n const hasHalfStar = rating % 1 >= 0.5;\n \n for (let i = 0; i < fullStars; i++) {\n stars += '<i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>';\n }\n \n if (hasHalfStar) {\n stars += '<i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>';\n }\n \n const emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0);\n for (let i = 0; i < emptyStars; i++) {\n stars += '<i class=\"far fa-star text-yellow-400 text-xs\"><\/i>';\n }\n \n return stars;\n }\n \/\/ A\u00f1adir leyenda\n const legend = L.control({position: 'bottomright'});\n legend.onAdd = function(map) {\n const div = L.DomUtil.create('div', 'legend');\n div.innerHTML = `\n <h4 class=\"font-medium mb-2\">Leyenda<\/h4>\n ${categories.map(cat => {\n const loc = locations.find(l => l.category === cat);\n return `\n <div class=\"flex items-center mb-1\">\n <i class=\"fas fa-${loc.icon} text-${loc.color}-500 mr-2\"><\/i>\n <span class=\"text-sm\">${cat.charAt(0).toUpperCase() + cat.slice(1)}<\/span>\n <\/div>\n `;\n }).join('')}\n `;\n return div;\n };\n legend.addTo(map);\n \/\/ Generar lista de ubicaciones con informaci\u00f3n adicional\n const locationList = document.getElementById('location-list');\n locations.forEach(location => {\n const card = document.createElement('div');\n card.className = `location-card bg-white p-4 rounded-lg shadow-sm cursor-pointer transition-all duration-300 border-l-4 border-transparent mb-3`;\n card.dataset.id = location.id;\n card.innerHTML = `\n <div class=\"flex items-start\">\n <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-${location.color}-100 flex items-center justify-center\">\n <i class=\"fas fa-${location.icon} text-${location.color}-600\"><\/i>\n <\/div>\n <div class=\"ml-3\">\n <h3 class=\"text-sm font-medium text-gray-900\">${location.name}<\/h3>\n <div class=\"flex items-center mt-1\">\n ${renderStars(location.rating)}\n <span class=\"text-xs text-gray-500 ml-1\">${location.rating}<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mt-1\">${location.description.substring(0, 60)}...<\/p>\n <div class=\"mt-2 grid grid-cols-2 gap-1 text-xs text-gray-600\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-clock mr-1 text-gray-400\"><\/i>\n <span>${location.horario}<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-tag mr-1 text-gray-400\"><\/i>\n <span>${location.precio}<\/span>\n <\/div>\n <\/div>\n <div class=\"mt-2\">\n <span class=\"inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-${location.color}-50 text-${location.color}-700\">\n <i class=\"fas fa-star text-yellow-400 mr-1\"><\/i>\n ${location.destacado}\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n `;\n locationList.appendChild(card);\n \/\/ Evento click para las tarjetas\n card.addEventListener('click', function() {\n const id = parseInt(this.dataset.id);\n const location = locations.find(loc => loc.id === id);\n map.setView([location.lat, location.lng], 14);\n markers[id].openPopup();\n highlightLocationCard(id);\n });\n });\n \/\/ Generar filtros por categor\u00eda\n const categoryFilters = document.getElementById('category-filters');\n categoryFilters.innerHTML = `\n <button class=\"filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-800 text-sm font-medium mr-2 mb-2 transition-all hover:bg-blue-200 active\" data-category=\"all\">\n <i class=\"fas fa-globe mr-1\"><\/i> Todos\n <\/button>\n ${categories.map(cat => {\n const icon = locations.find(loc => loc.category === cat).icon;\n const color = locations.find(loc => loc.category === cat).color;\n return `\n <button class=\"filter-btn px-4 py-2 rounded-full bg-${color}-100 text-${color}-800 text-sm font-medium mr-2 mb-2 transition-all hover:bg-${color}-200\" data-category=\"${cat}\">\n <i class=\"fas fa-${icon} mr-1\"><\/i> ${cat.charAt(0).toUpperCase() + cat.slice(1)}\n <\/button>\n `;\n }).join('')}\n `;\n \/\/ Eventos para los filtros\n document.querySelectorAll('.filter-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n \/\/ Actualizar bot\u00f3n activo\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n \n const category = this.dataset.category;\n \n \/\/ Filtrar marcadores\n locations.forEach(location => {\n if (category === 'all' || location.category === category) {\n map.addLayer(markers[location.id]);\n document.querySelector(`.location-card[data-id=\"${location.id}\"]`).style.display = 'block';\n } else {\n map.removeLayer(markers[location.id]);\n document.querySelector(`.location-card[data-id=\"${location.id}\"]`).style.display = 'none';\n }\n });\n });\n });\n \/\/ Funci\u00f3n para resaltar la tarjeta de ubicaci\u00f3n\n function highlightLocationCard(id) {\n document.querySelectorAll('.location-card').forEach(card => {\n card.classList.remove('active-card');\n });\n document.querySelector(`.location-card[data-id=\"${id}\"]`).classList.add('active-card');\n \n \/\/ Scroll to the card if it's not visible\n const card = document.querySelector(`.location-card[data-id=\"${id}\"]`);\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n \/\/ Funci\u00f3n de b\u00fasqueda\n const searchInput = document.getElementById('search-input');\n searchInput.addEventListener('input', function() {\n const searchTerm = this.value.toLowerCase();\n \n locations.forEach(location => {\n const card = document.querySelector(`.location-card[data-id=\"${location.id}\"]`);\n const matches = location.name.toLowerCase().includes(searchTerm) || \n location.description.toLowerCase().includes(searchTerm) ||\n location.category.toLowerCase().includes(searchTerm) ||\n location.destacado.toLowerCase().includes(searchTerm);\n \n if (matches) {\n card.style.display = 'block';\n map.addLayer(markers[location.id]);\n } else {\n card.style.display = 'none';\n map.removeLayer(markers[location.id]);\n }\n });\n });\n \/\/ Mostrar todos los lugares al cargar\n document.querySelector('.filter-btn[data-category=\"all\"]').click();\n });\n <\/script>\n<p style=\"border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;\">Made with <img decoding=\"async\" src=\"https:\/\/enzostvs-deepsite.hf.space\/logo.svg\" alt=\"DeepSite Logo\" style=\"width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);\"><a href=\"https:\/\/enzostvs-deepsite.hf.space\" style=\"color: #fff;text-decoration: underline;\" target=\"_blank\" >DeepSite<\/a> - \ud83e\uddec <a href=\"https:\/\/enzostvs-deepsite.hf.space?remix=svilalta\/beachcomber-map\" style=\"color: #fff;text-decoration: underline;\" target=\"_blank\" >Remix<\/a><\/p>\n<script>\n async function cargarClima() {\n const apiKey = 'be3a73d969a45ef91488e40c451538fc'; \/\/ \u2190 Sustituye esto por tu API key real de OpenWeatherMap\n const ciudad = 'Port Louis, MU';\n const url = `https:\/\/api.openweathermap.org\/data\/2.5\/weather?q=${encodeURIComponent(ciudad)}&appid=${apiKey}&units=metric&lang=es`;\n try {\n const res = await fetch(url);\n const data = await res.json();\n document.getElementById('temp').textContent = `${Math.round(data.main.temp)}\u00b0C`;\n document.getElementById('humedad').textContent = `${data.main.humidity}%`;\n document.getElementById('viento').textContent = `${data.wind.speed} km\/h`;\n document.getElementById('condicion').textContent = data.weather[0].description;\n } catch (error) {\n console.error('Error al obtener el clima:', error);\n }\n }\n \/\/ Ejecutar al cargar la p\u00e1gina\n window.addEventListener('load', cargarClima);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30099","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Test BCH - Salvador Vilalta<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/salvadorvilalta.com\/en\/test-bch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test BCH\" \/>\n<meta property=\"og:description\" content=\"Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salvadorvilalta.com\/en\/test-bch\/\" \/>\n<meta property=\"og:site_name\" content=\"Salvador Vilalta\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-13T17:49:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\",\"name\":\"Test BCH - Salvador Vilalta\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\"datePublished\":\"2025-04-12T22:02:55+00:00\",\"dateModified\":\"2025-04-13T17:49:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\",\"contentUrl\":\"https:\\\/\\\/cdn.beachcomber-hotels.com\\\/v9\\\/sites\\\/default\\\/files\\\/styles\\\/silder_desktop\\\/public\\\/royal-palm\\\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/test-bch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test BCH\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/\",\"name\":\"Salvador Vilalta\",\"description\":\"SV\",\"publisher\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#\\\/schema\\\/person\\\/46bbea2a058bb4eace536ab893edc68b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/en\\\/#\\\/schema\\\/person\\\/46bbea2a058bb4eace536ab893edc68b\",\"name\":\"Salvador Vilalta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"url\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"contentUrl\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\",\"width\":400,\"height\":400,\"caption\":\"Salvador Vilalta\"},\"logo\":{\"@id\":\"https:\\\/\\\/salvadorvilalta.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/1681121698327.jpg\"}}]}<\/script>\n","yoast_head_json":{"title":"Test BCH - Salvador Vilalta","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","og_locale":"en_US","og_type":"article","og_title":"Test BCH","og_description":"Mapa Tur\u00edstico de Isla Mauricio Descubre Isla Mauricio Explora los lugares m\u00e1s fascinantes de este para\u00edso tropical en el Oc\u00e9ano \u00cdndico Mapa Interactivo Lugares destacados Clima en Mauricio Actualizado en…","og_url":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","og_site_name":"Salvador Vilalta","article_modified_time":"2025-04-13T17:49:55+00:00","og_image":[{"url":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","url":"https:\/\/salvadorvilalta.com\/en\/test-bch\/","name":"Test BCH - Salvador Vilalta","isPartOf":{"@id":"https:\/\/salvadorvilalta.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage"},"image":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","datePublished":"2025-04-12T22:02:55+00:00","dateModified":"2025-04-13T17:49:55+00:00","breadcrumb":{"@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salvadorvilalta.com\/en\/test-bch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#primaryimage","url":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80","contentUrl":"https:\/\/cdn.beachcomber-hotels.com\/v9\/sites\/default\/files\/styles\/silder_desktop\/public\/royal-palm\/slider-be-royal-palm-d.webp?itok=jHac7dsm?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/salvadorvilalta.com\/en\/test-bch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/salvadorvilalta.com\/en\/"},{"@type":"ListItem","position":2,"name":"Test BCH"}]},{"@type":"WebSite","@id":"https:\/\/salvadorvilalta.com\/en\/#website","url":"https:\/\/salvadorvilalta.com\/en\/","name":"Salvador Vilalta","description":"SV","publisher":{"@id":"https:\/\/salvadorvilalta.com\/en\/#\/schema\/person\/46bbea2a058bb4eace536ab893edc68b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salvadorvilalta.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/salvadorvilalta.com\/en\/#\/schema\/person\/46bbea2a058bb4eace536ab893edc68b","name":"Salvador Vilalta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","url":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","contentUrl":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg","width":400,"height":400,"caption":"Salvador Vilalta"},"logo":{"@id":"https:\/\/salvadorvilalta.com\/wp-content\/uploads\/2024\/05\/1681121698327.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/comments?post=30099"}],"version-history":[{"count":16,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099\/revisions"}],"predecessor-version":[{"id":30120,"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/pages\/30099\/revisions\/30120"}],"wp:attachment":[{"href":"https:\/\/salvadorvilalta.com\/en\/wp-json\/wp\/v2\/media?parent=30099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}