(function ($) { "use strict"; /* ============================================= 1. INYECTAR LA TARJETA PERSONALIZADA ============================================= */ function injectCard() { if ($("#nd-property-card").length) return; const html = `

Ver propiedad

`; $("body").append(html); } /* ============================================= 2. EXTRAER DATOS Y LLENAR LA TARJETA ============================================= */ function processInfoWindow($infoNode) { // Buscar el contenedor interno de WP Go Maps const $content = $infoNode.find('.wpgmza-infowindow').length ? $infoNode.find('.wpgmza-infowindow') : $infoNode; const $card = $("#nd-property-card"); // 1. Extraer Imagen const imgSrc = $content.find("img").first().attr("src"); if (imgSrc) { $card.find(".nd-property-card__image img").attr("src", imgSrc); $card.find(".nd-property-card__image").show(); } else { $card.find(".nd-property-card__image").hide(); } // 2. Extraer Título const title = $content.find(".wpgmza-infowindow-title, .wpgmza-title, strong, h3").first().text(); $card.find(".nd-property-card__title").text(title || "Detalles del Campo"); // 3. Extraer Enlace const link = $content.find("a.wpgmza_marker_link, a.wpgmza-infowindow-link").first().attr("href") || $content.find("a").first().attr("href"); if (link) { $card.find(".nd-property-card__cta").attr("href", link).show(); } else { $card.find(".nd-property-card__cta").hide(); // Ocultar botón si no hay link } // 4. Extraer Datos Personalizados (Los que pusiste en la descripción) $card.find(".nd-property-card__price").text( $content.find(".nd-precio").first().text() ); $card.find(".nd-property-card__location").text( $content.find(".nd-ubicacion").first().text() ); // 5. Extraer Etiquetas (Hectáreas, Tipo) const $detailsContainer = $card.find(".nd-property-card__details").empty(); $content.find(".nd-etiquetas span").each(function() { $detailsContainer.append(`${$(this).text()}`); }); // 6. Extraer la descripción general (párrafos normales) const descText = $content.find("p").first().text(); $card.find(".nd-property-card__content").text(descText); // ¡Mostrar la tarjeta! $card.addClass("is-visible"); } function hideCard() { $("#nd-property-card").removeClass("is-visible"); } /* ============================================= 3. MUTATION OBSERVER (Vigilante del DOM) ============================================= */ function init() { injectCard(); $(document).on("click", ".nd-property-card__close", hideCard); $(document).on("keydown", function (e) { if (e.key === "Escape") hideCard(); }); const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { const $node = $(node); // Si aparece la ventana de Google... if ($node.hasClass("gm-style-iw-c") || $node.hasClass("gm-style-iw") || $node.find(".gm-style-iw-d").length > 0) { // Damos 100 milisegundos para asegurar que el texto se imprimió adentro setTimeout(function() { processInfoWindow($node); }, 100); } } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); // Cerrar al hacer clic fuera $(document).on("click", ".wpgmza_map", function(e) { if (!$(e.target).closest(".gm-style-iw, gmp-advanced-marker, img[src*='marker']").length) { hideCard(); } }); } $(document).ready(init); })(jQuery);

No hay resultados

Reset password