/* ----------------------------------------------------- CLUSTER ZOOM - HIDE MARKERS DURING RECLUSTER ----------------------------------------------------- */ jQuery(window).on('load', function() { if (typeof WPGMZA !== 'undefined' && WPGMZA.Cluster) { WPGMZA.Cluster.prototype.fitMapToMarkers = function() { var self = this; var markers = this.markers; var bounds = new WPGMZA.LatLngBounds(); var allMarkers = this.map.markers; for (var i = 0; i < allMarkers.length; i++) { allMarkers[i].setVisible(false); } for (var i = 0, marker; marker = markers[i]; i++) { bounds.extend(marker.getPosition()); } if (bounds.west > bounds.east) { var temp = bounds.west; bounds.west = bounds.east + 360; bounds.east = temp; this.map.fitBounds(bounds); } else { this.map.fitBounds(bounds); } }; } }); /* ----------------------------------------------------- INFOWINDOW OPEN & FORMATTING ----------------------------------------------------- */ window.activeMarker = null; jQuery(document).on('infowindowopen.wpgmza', function(event) { console.log("INFOWINDOW OPEN FIRED"); var infowindow = event.target; var $infowindow = jQuery(infowindow.element || event.target.element); if (!$infowindow || !$infowindow.length) return; // CLEAN PREVIOUS CUSTOM INSERTIONS $infowindow.find('.wf-websocial, .wf-book-preview, .wf-address-block, .wf-gmaps-link, .wf-lang-row').remove(); $infowindow.find('.custom-field-label').remove(); // REMOVE RAW DELAYED / PROTECTED FIELDS BEFORE ANY FORMATTING RUNS (function() { var container = $infowindow.find('div[data-name="custom_fields_html"], .wpgmza-custom-fields').first(); if (!container.length) return; [ 'book_entry', 'website', 'ig_handle', 'fb_handle', 'gmaps_link', 'address_en', 'address_jp', 'comments', 'reservation', 'producerid', 'added_by' ].forEach(function(fieldName) { container.find('div[data-custom-field-name="' + fieldName + '"]').remove(); }); })(); /* ------------------------------------f----------------- FEMALE‑LED + NATURAL → ICON + TEXT IN PILL ----------------------------------------------------- */ function wfReplaceField(fieldName, iconFile, labelText) { var field = $infowindow.find('div[data-custom-field-name="' + fieldName + '"]').first(); if (!field.length) return; var textNode = field.contents().filter(function() { return this.nodeType === 3; }).first(); if (!textNode.length) return; var value = textNode.text().trim(); if (!value.length || value !== "1") return; var html = '

' + '

' + labelText + '

'; field.replaceWith(html); } function wfReplaceOpenToPublic() { var field = $infowindow.find('div[data-custom-field-name="open_to_public"]').first(); if (!field.length) return; var textNode = field.contents().filter(function() { return this.nodeType === 3; }).first(); if (!textNode.length) return; var value = textNode.text().trim(); if (value !== "1") { field.remove(); return; } field.replaceWith( '

' + 'OPEN' + 'to public' + '

' ); } wfReplaceField("female_led", "female2.png", "Female"); wfReplaceField("natural", "natural2.png", "Natural"); wfReplaceOpenToPublic(); wfReplaceField("has_tastings", "tastings.png", "Tastings"); wfReplaceField("has_restaurant", "restaurant2.png", "Restaurant"); wfReplaceField("has_accommodation", "accom2.png", "Accommodation"); wfReplaceField("great_view", "view.png", "Great View"); wfReplaceField("has_tours", "tours.png", "Tours"); wfReplaceField("has_store", "store.png", "Store"); wfReplaceField("has_bar", "bar.png", "Bar"); wfReplaceField("has_cheese", "cheese2.png", "Cheese"); wfReplaceField("has_craftbeer", "beer.png", "Craft Beer"); wfReplaceField("has_food", "food.png", "Food Served"); wfReplaceField("has_large_selection", "tastings_a.png", "Wide Selection"); wfReplaceField("has_coffee", "coffee.png", "Coffee"); (function() { var field = $infowindow.find('div[data-custom-field-name="reservation"]').first(); if (!field.length) return; var textNode = field.contents().filter(function() { return this.nodeType === 3; }).first(); if (!textNode.length) return; var value = textNode.text().trim(); if (!value) { field.remove(); return; } var html = '

' + 'Reservation: ' + '' + value + '' + '

'; field.replaceWith(html); })(); /* ----------------------------------------------------- GMaps‑link → "Open in Google Maps" hyperlink ----------------------------------------------------- */ (function() { var field = $infowindow.find('div[data-custom-field-name="gmaps_link"], div[data-custom-field-name="gmaps_link"]').first(); if (!field.length) return; var textNode = field.contents().filter(function() { return this.nodeType === 3; }).first(); if (!textNode.length) return; var url = textNode.text().trim(); if (url.length > 0) { var html = '

' + '' + 'Open in Google Maps' + '' + '

'; field.replaceWith(html); } else { field.remove(); } })(); /* ----------------------------------------------------- LANGUAGES → Pills on a new line ----------------------------------------------------- */ (function() { var container = $infowindow.find('div[data-name="custom_fields_html"]').first(); if (!container.length) return; var langMap = { "lang_en": { icon: "flag-uk.svg", code: "EN" }, "lang_fr": { icon: "flag-france.svg", code: "FR" }, "lang_es": { icon: "flag-spain.svg", code: "ES" }, "lang_it": { icon: "flag-italy.svg", code: "IT" }, "lang_de": { icon: "flag-germany.svg", code: "DE" }, "lang_cn": { icon: "flag-china.svg", code: "CN" } }; var pillsHTML = ""; var foundAny = false; jQuery.each(langMap, function(fieldName, data) { var field = container.find('div[data-custom-field-name="' + fieldName + '"]').first(); if (!field.length) return; var textNode = field.contents().filter(function() { return this.nodeType === 3; }).first(); var value = (textNode && textNode.length) ? textNode.text().trim() : ""; field.remove(); if (value === "1") { foundAny = true; pillsHTML += '

' + '

' + data.code + '

'; } }); if (!foundAny) return; var rowHTML = '

' + 'Languages: ' + pillsHTML + '

'; container.append(rowHTML); })(); /* ----------------------------------------------------- WF BOOK PREVIEW + READ MORE v1.1 Shows book_blurb only. Loads protected book_entry only when clicked. ----------------------------------------------------- */ (function() { var $ = jQuery; var container = $infowindow.find('div[data-name="custom_fields_html"], .wpgmza-custom-fields').first(); if (!container.length) return; var markerId = $infowindow.attr('data-marker-id') || $infowindow.attr('data-prop-id') || $infowindow.find('[data-marker-id]').first().attr('data-marker-id') || $infowindow.find('[data-prop-id]').first().attr('data-prop-id') || ''; markerId = String(markerId || '').trim(); var blurbField = container.find('div[data-custom-field-name="book_blurb"]').first(); var blurbText = ''; if (blurbField.length) { blurbText = blurbField.clone().children().remove().end().text().trim(); blurbText = blurbText.replace(/^book[-\s]?blurb:\s*/i, ''); blurbField.remove(); } var hasBookEntry = !!( markerId && window.WFMarkerPresenceFlags && window.WFMarkerPresenceFlags[markerId] && window.WFMarkerPresenceFlags[markerId].has_book_entry ); container.find('.wf-book-preview').remove(); if (blurbText || hasBookEntry) { container.append( '

' + (blurbText ? '' + blurbText + '' : '') + (hasBookEntry ? ' read more >>>' : '') + '

' ); } window.WFBookEntryCache = window.WFBookEntryCache || {}; $(document).off('click.wfBook'); $(document).off('click.wfBookAjax'); $(document).off('click.wfBookPreviewV10'); $(document).off('click.wfBookPreviewV11'); $(document).on('click.wfBookPreviewV11', '.wf-book-readmore', function(e) { e.preventDefault(); var clickedMarkerId = String($(this).attr('data-marker-id') || '').trim(); if (!clickedMarkerId) return; $('.wf-book-modal').remove(); $('body').append( '' ); var modal = $('#wf-book-entry-modal'); var content = modal.find('.wf-book-modal-content'); modal.css('display', 'flex').hide().fadeIn(150); if (window.WFBookEntryCache[clickedMarkerId]) { content.html(window.WFBookEntryCache[clickedMarkerId]); return; } $.post( window.ajaxurl || '/wp-admin/admin-ajax.php', { action: 'wf_get_book_entry', marker_id: clickedMarkerId } ).done(function(response) { var html = ''; if (response && response.success && response.data) { html = response.data.html || response.data.book_entry || response.data.entry || response.data.message || ''; } else if (response && response.data) { html = response.data.message || response.data || ''; } if (!html) { html = 'Book entry unavailable.'; } window.WFBookEntryCache[clickedMarkerId] = html; content.html(html); }).fail(function() { content.text('Book entry unavailable.'); }); }); $(document).off('click.wfBookPreviewCloseV11').on('click.wfBookPreviewCloseV11', '.wf-book-close, #wf-book-entry-modal', function(e) { if (e.target !== this) return; $('#wf-book-entry-modal').fadeOut(150); }); })(); /* ----------------------------------------------------- BOOK ENTRY AJAX LOADER - DISABLED v1.1 ----------------------------------------------------- */ if (false) { (function() { function wfShowBookModal($modal) { $modal .stop(true, true) .css({ display: 'flex', opacity: 0 }) .animate({ opacity: 1 }, 150); } function wfFindMarkerIdFromReadMore($link) { var linkEl = $link.get(0); var maps = Object.values(WPGMZA.maps || {}); for (var i = 0; i < maps.length; i++) { var markers = maps[i].markers || []; for (var j = 0; j < markers.length; j++) { var marker = markers[j]; var iw = marker.infoWindow || marker.infowindow; if (!iw || !iw.element) { continue; } var iwElement = iw.element; if (iwElement && iwElement.jquery) { iwElement = iwElement.get(0); } if (iwElement && iwElement.nodeType === 1 && iwElement.contains(linkEl)) { return marker.id; } if (jQuery(iw.element).find('.wf-book-readmore').length) { return marker.id; } } } return null; } jQuery(document).off('click.wfBook'); jQuery(document).off('click.wfBookAjax').on('click.wfBookAjax', '.wf-book-readmore', function(e) { e.preventDefault(); e.stopImmediatePropagation(); var $link = jQuery(this); var markerId = wfFindMarkerIdFromReadMore($link); if (!markerId) { console.warn('Could not identify marker for book entry.', { link: $link.get(0), maps: WPGMZA.maps }); alert('Could not identify this marker. Please close and reopen the marker, then try again.'); return; } var $modal = jQuery('.wf-book-modal').last(); var $modalInner = $modal.children('div').first(); if (!$modal.length || !$modalInner.length) { return; } if (window.wfBookEntryCanRead === false) { $modalInner.find('.wf-book-entry-ajax-content').remove(); $modal.css('display', 'flex').hide().fadeIn(150); return; } $modalInner.find('.wf-book-entry-ajax-content').remove(); $modalInner.find('*').contents().filter(function() { return this.nodeType === 3 && this.nodeValue.indexOf('Restricted to owners of the book Japanese Wine') !== -1; }).each(function() { this.nodeValue = ''; }); $modalInner.find('.wf-book-close').closest('div').before( '

Loading book entry...

' ); wfShowBookModal($modal); jQuery.ajax({ url: '/wp-admin/admin-ajax.php', method: 'POST', dataType: 'json', data: { action: 'wf_get_book_entry', marker_id: markerId } }).done(function(response) { var data = response && response.data ? response.data : {}; function esc(text) { return String(text || '').replace(/[&<>"']/g, function(ch) { return {'&':'&', '<':'<', '>':'>', '"':'"', "'":'''}[ch]; }); } var html = response.success && data.allowed ? '

' + esc(data.entry) + '

' : '

' + esc(data.message || 'This book entry is restricted.') + '

'; $modalInner.find('.wf-book-entry-ajax-content').remove(); $modalInner.find('.wf-book-close').closest('div').before(html); }).fail(function() { $modalInner.find('.wf-book-entry-ajax-content').remove(); $modalInner.find('.wf-book-close').closest('div').before( '

This book entry could not be loaded. Please try again.

' ); }); }); })(); } /* ----------------------------------------------------- WEBSITE + SOCIAL ICONS + address‑block, inside the same event ----------------------------------------------------- */ (function() { var container = $infowindow.find('div[data-name="custom_fields_html"]').first(); if (!container.length) return; // WEBSITE var websiteField = container.find('div[data-custom-field-name="website"]').first(); var websiteHTML = ''; if (websiteField.length > 0) { var websiteTextNode = websiteField.contents().filter(function() { return this.nodeType === 3; }).first(); if (websiteTextNode.length > 0) { var websiteText = websiteTextNode[0].textContent.trim(); if (websiteText.length > 0) { var websiteUrl = 'https://' + websiteText; websiteHTML = ''; } } websiteField.remove(); } // FACEBOOK var fbField = container.find('div[data-custom-field-name="fb_handle"], div[data-custom-field-name="fb-handle"]').first(); var fbIconHTML = ''; if (fbField.length > 0) { var fbHandleNode = fbField.contents().filter(function() { return this.nodeType === 3; }).first(); if (fbHandleNode.length > 0) { var fbHandle = fbHandleNode[0].textContent.trim().replace('@',''); if (fbHandle.length > 0) { var fbUrl = 'https://www.facebook.com/' + fbHandle; fbIconHTML = ''; } } fbField.remove(); } // INSTAGRAM var igField = container.find('div[data-custom-field-name="ig_handle"], div[data-custom-field-name="ig-handle"]').first(); var igIconHTML = ''; if (igField.length > 0) { var igHandleNode = igField.contents().filter(function() { return this.nodeType === 3; }).first(); if (igHandleNode.length > 0) { var igHandle = igHandleNode[0].textContent.trim().replace('@',''); if (igHandle.length > 0) { var igUrl = 'https://www.instagram.com/' + igHandle; igIconHTML = ''; } } igField.remove(); } /* Build layout */ var newHTML = '

'; newHTML += ''; // end wf-social-row newHTML += '

'; // end wf-websocial /* Insert after GMaps link, or address-jp / address-en */ var anchor = container.find('.wf-address-block').first(); if (anchor.length) { jQuery(newHTML).insertAfter(anchor); } else { container.append(newHTML); } /* ----------------------------------------------------- ADDRESS FIELDS — ADD SYMBOLS + CLEAN JP FIELD ----------------------------------------------------- */ (function () { var container = $infowindow.find('div[data-name="custom_fields_html"]').first(); if (!container.length) return; // Get fields (these were missing in your broken version) var addrEN = container.find('div[data-custom-field-name="address_en"]').first(); var addrJP = container.find('div[data-custom-field-name="address_jp"]').first(); // ----- ADDRESS EN ----- if (addrEN.length) { var enText = addrEN.text().trim(); addrEN.html( '📍 ' + enText + '' ); } // ----- ADDRESS JP ----- if (addrJP.length) { var jpText = addrJP.text().trim(); // Remove any leading 〒 from the actual data jpText = jpText.replace(/^〒\s*/, ''); addrJP.html( '〒 ' + jpText + '' ); } })(); /* ----------------------------------------------------- ADDRESS BLOCK ONLY ----------------------------------------------------- */ (function() { var addrEN = container.find('div[data-custom-field-name="address_en"]').first(); var addrJP = container.find('div[data-custom-field-name="address_jp"]').first(); if (!addrEN.length && !addrJP.length) return; var wrap = jQuery('

'); if (addrEN.length) addrEN.before(wrap); else addrJP.before(wrap); if (addrEN.length) wrap.append(addrEN); if (addrJP.length) wrap.append(addrJP); })(); })(); /*disabling to replace with the block below it ----------------------------------------------------- FINAL CONTENT ORDER (AFTER RENDER STABILISES) ----------------------------------------------------- setTimeout(function() { var $iw = $infowindow; // same infowindow you already have var $book = $iw.find('.wf-book-preview'); var $desc = $iw.find('.wpgmza-description'); var $addr = $iw.find('.wf-address-block'); var $gmaps = $iw.find('.wf-gmaps-link'); var $social= $iw.find('.wf-websocial'); if (!$desc.length) return; // BOOK → ABOVE DESCRIPTION if ($book.length) { $book.detach().insertBefore($desc); } // ADDRESS → BELOW DESCRIPTION if ($addr.length) { $addr.detach().insertAfter($desc); } // GMAPS → BELOW ADDRESS (or below description if no address) if ($gmaps.length) { if ($addr.length) { $gmaps.detach().insertAfter($addr); } else { $gmaps.detach().insertAfter($desc); } } // WEBSOCIAL → BELOW GMAPS (or below address/description fallback) if ($social.length) { if ($gmaps.length) { $social.detach().insertAfter($gmaps); } else if ($addr.length) { $social.detach().insertAfter($addr); } else { $social.detach().insertAfter($desc); } } }, 250); // Force re-render after all DOM changes (clone so WP-Go-Maps doesn't clobber it) if (infowindow && infowindow.setContent && infowindow.element) { infowindow.setContent(jQuery(infowindow.element).clone()[0]); // Trigger resize after DOM settles setTimeout(function() { google.maps.event.trigger(infowindow, 'domchanged'); }, 100); // Force precise width after measuring longest field setTimeout(function() { var $iw = jQuery(infowindow.element); var $title = $iw.find('.wpgmza-title'); var $addrEn = $iw.find('[data-custom-field-name="address_en"]'); var $addrJp = $iw.find('[data-custom-field-name="address_jp"]'); // Measure natural widths var titleWidth = $title.length ? $title[0].scrollWidth : 0; var addrEnWidth = $addrEn.length ? $addrEn[0].scrollWidth : 0; var addrJpWidth = $addrJp.length ? $addrJp[0].scrollWidth : 0; var maxFieldWidth = Math.max(titleWidth, addrEnWidth, addrJpWidth, 260); var viewportConstrained = Math.min(maxFieldWidth + 40, window.innerWidth * 0.9); // +padding, 90% viewport $iw.css({ 'width': viewportConstrained + 'px', 'max-width': '90vw', 'min-width': '260px', 'left': '10px', 'right': 'auto' }); google.maps.event.trigger(infowindow, 'domchanged'); }, 200); } */ /* ----------------------------------------------------- FINAL CONTENT ORDER + SIZE BEFORE DISPLAY ----------------------------------------------------- */ function wfFinaliseInfowindowLayout(root) { var $iw = jQuery(root); if (!$iw.length) return; var $book = $iw.find('.wf-book-preview').first(); var $desc = $iw.find('.wpgmza-description').first(); var $addr = $iw.find('.wf-address-block').first(); var $gmaps = $iw.find('.wf-gmaps-link').first(); var $social = $iw.find('.wf-websocial').first(); var $customWrapper = $iw.find('[data-name="custom_fields_html"]').first(); if (!$desc.length) return; if ($book.length) { $book.detach().insertBefore($desc); } if ($addr.length && $gmaps.length && !$gmaps.closest('.wf-address-block').length) { $addr.append($gmaps); } if ($addr.length) { $addr.detach().insertAfter($desc); } if ($gmaps.length && !$gmaps.closest('.wf-address-block').length) { $gmaps.detach().insertAfter($addr.length ? $addr : $desc); } var $afterAddressArea = $addr.length ? $addr : ($gmaps.length ? $gmaps : $desc); if ($social.length) { $social.detach().insertAfter($afterAddressArea); } if ($customWrapper.length) { $customWrapper.detach().insertAfter( $social.length ? $social : $afterAddressArea ); } } function wfApplyInfowindowWidth($iw) { var $title = $iw.find('.wpgmza-title').first(); var $addrEn = $iw.find('[data-custom-field-name="address_en"]').first(); var $addrJp = $iw.find('[data-custom-field-name="address_jp"]').first(); var titleWidth = $title.length ? $title[0].scrollWidth : 0; var addrEnWidth = $addrEn.length ? $addrEn[0].scrollWidth : 0; var addrJpWidth = $addrJp.length ? $addrJp[0].scrollWidth : 0; var maxFieldWidth = Math.max(titleWidth, addrEnWidth, addrJpWidth, 260); var viewportConstrained = Math.min(maxFieldWidth + 40, window.innerWidth * 0.9); $iw.css({ width: viewportConstrained + 'px', maxWidth: '90vw', minWidth: '260px', left: '10px', right: 'auto' }); } /*start of new block to fix vertical behaviour*/ function wfApplyInfowindowHeight() { var wrap = document.querySelector('.wpgmza-panel-info-window-style-card'); var inner = document.querySelector('.wpgmza-panel-info-window-style-card-inner'); if (!wrap || !inner) return; var mapData = Array.from(document.querySelectorAll('.wpgmza_map, .wpgmza-map, [id^="wpgmza_map"], .gm-style')) .map(function(el) { var rect = el.getBoundingClientRect(); return { el: el, visible: Math.max(0, Math.min(rect.bottom, window.innerHeight) - Math.max(rect.top, 0)) }; }) .sort(function(a, b) { return b.visible - a.visible; })[0]; if (!mapData) return; var maxHeight = Math.floor(mapData.visible * 0.8); wrap.style.maxHeight = maxHeight + 'px'; wrap.style.overflow = 'hidden'; inner.style.maxHeight = '100%'; inner.style.overflowY = 'auto'; } /*end of new block to fix vertical behaviour*/ wfFinaliseInfowindowLayout($infowindow); wfApplyInfowindowWidth($infowindow); wfApplyInfowindowHeight(); if (infowindow && infowindow.setContent && infowindow.element) { var clone = jQuery(infowindow.element).clone()[0]; wfFinaliseInfowindowLayout(clone); infowindow.setContent(clone); setTimeout(function() { var $iw = jQuery(infowindow.element); wfFinaliseInfowindowLayout($iw); wfApplyInfowindowWidth($iw); wfApplyInfowindowHeight(); google.maps.event.trigger(infowindow, 'domchanged'); }, 50); } }); // 3. FILTER‑JS function getMapSelection() { return jQuery("#filter-wrapper input[type='checkbox'][data-filter='map']:checked") .map(function () { return parseInt(this.value, 10); }) .get(); } function getTypeSelection() { return jQuery("#filter-wrapper input[type='checkbox'][data-filter='type']:checked") .map(function () { return { cat: jQuery(this).val(), field: jQuery(this).data("field") }; }) .get(); } function getFeatureSelection() { return jQuery("#filter-wrapper input[type='checkbox'][data-filter='feature']:checked") .map(function () { return jQuery(this).val(); }) .get(); } function getLangSelection() { return jQuery("#filter-wrapper input[type='checkbox'][data-filter='language']:checked") .map(function () { return jQuery(this).val(); }) .get(); } function getField(marker, key) { var data = marker.custom_field_data; if (!Array.isArray(data)) return null; var found = data.find(function(item) { return item.name === key; }); if (!found || found.value === undefined || found.value === null) { return null; } return String(found.value); } function applyFilters() { if (typeof WPGMZA === "undefined" || !WPGMZA.maps) return; var selectedMaps = getMapSelection(); var selectedTypes = getTypeSelection(); var selectedFeatures = getFeatureSelection(); var selectedLangs = getLangSelection(); var featureMode = jQuery("#feature-toggle .seg-btn.active").data("mode") || "any"; Object.keys(WPGMZA.maps).forEach(function(mapKey) { var map = WPGMZA.maps[mapKey]; if (!map || !map.markers) return; map.markers.forEach(function(marker) { var currentMapId = parseInt(marker.map_id || marker.mapId || mapKey, 10); // Get pill text inside infowindow function getPillText() { var infowindow = marker.infoWindow || marker.infowindow; if (!infowindow || !infowindow.element) return []; var $infowindow = jQuery(infowindow.element); var pills = $infowindow.find(".wf-pill"); return pills.map(function () { return jQuery(this).text().trim(); }).get(); } var pills = getPillText(); // Map // OLD var mapMatch = selectedMaps.length > 0 && selectedMaps.indexOf(currentMapId) !== -1; /*NEW*/ var mapMatch = selectedMaps.length === 0 || selectedMaps.indexOf(currentMapId) !== -1; // Type: match pill text (e.g., "Bar", "Restaurant", "Winery") - OLD /* var typeMatch = true; if (selectedTypes.length > 0) { typeMatch = selectedTypes.some(function(type) { return getField(marker, type.field) == "1"; }); } */ //Type : match pill text (e.g., "Bar", "Restaurant ", "Accommodation", etc.) NEW var typeMatch = true; if (selectedTypes.length > 0) { typeMatch = selectedTypes.some(function(typeObj) { var key = typeObj.cat; // already "has_bar" // 1. CMF match (this is now primary) var cmfMatch = getField(marker, key) == "1"; // 2. category fallback (optional safety) var categoryMatch = false; if (marker.categories && Array.isArray(marker.categories)) { categoryMatch = marker.categories.some(function(c) { return String(c).toLowerCase().trim() === key.replace("has_", ""); }); } return cmfMatch || categoryMatch; }); } // Feature: match pill text (e.g., "Female", "Natural", "Tastings", "Restaurant", etc.) var featureMatch = true; if (selectedFeatures.length > 0) { if (featureMode === "any") { featureMatch = selectedFeatures.some(function(f) { return getField(marker, f) == "1"; }); } else { featureMatch = selectedFeatures.every(function(f) { return getField(marker, f) == "1"; }); } } // Language: match pill text (e.g., "EN") var langMatch = true; if (selectedLangs.length > 0) { langMatch = selectedLangs.every(function(l) { var key = l.toLowerCase(); return getField(marker, key) == "1"; }); } marker.isFiltered = !(mapMatch && typeMatch && featureMatch && langMatch); if(typeof marker.isClustered === "undefined" || marker.isCustered === false){ /* Not clustered, toggle visibility */ marker.setVisible(mapMatch && typeMatch && featureMatch && langMatch); } else { /* Already in a cluster */ marker.setVisible(false); } }); setTimeout(() => { for(let map of WPGMZA.maps){ if(map.markerClusterer){ map.markerClusterer.repaint(); } } }, 1000); }); } // Bind filters and buttons jQuery("#filter-wrapper input[type='checkbox']") .off("change.wfFilters") .on("change.wfFilters", applyFilters); jQuery("#map-toggle .seg-btn").off("click.wfFilters").on("click.wfFilters", function() { jQuery("#map-toggle .seg-btn").removeClass("active"); jQuery(this).addClass("active"); var show = jQuery(this).data("state") === "show"; jQuery("#filter-wrapper input[type='checkbox'][data-filter='map']") .prop("checked", show) .trigger("change"); }); jQuery("#type-toggle .seg-btn").off("click.wfFilters").on("click.wfFilters", function() { jQuery("#type-toggle .seg-btn").removeClass("active"); jQuery(this).addClass("active"); var show = jQuery(this).data("state") === "show"; jQuery("#filter-wrapper input[type='checkbox'][data-filter='type']") .prop("checked", show) .trigger("change"); }); jQuery("#feature-toggle .seg-btn").off("click.wfFilters").on("click.wfFilters", function() { jQuery("#feature-toggle .seg-btn").removeClass("active"); jQuery(this).addClass("active"); applyFilters(); }); //temporarily removing for CPT case // if (typeof WPGMZA !== "undefined" && WPGMZA.maps && Object.keys(WPGMZA.maps).length > 0) { // applyFilters(); // } /*Clear filters button*/ jQuery(function($) { const defaultState = []; $('#filter-wrapper input[type="checkbox"]').each(function(index) { defaultState[index] = this.checked; }); $(document).on('click', '.filter-reset-link', function(e) { e.preventDefault(); $('#filter-wrapper input[type="checkbox"]').each(function(index) { this.checked = defaultState[index]; }); $('#filter-wrapper input[type="checkbox"]').trigger('change'); }); }); jQuery(document).on('infowindowopen.wpgmza', function(event) { console.log("EVENT TARGET:", event.target); //diagnostic line to see what's happening if(WPGMZA.isFullScreen() && event.target && event.target.feature && event.target.feature.map && !event.target.feature.map._stackedComponentsMoved){ //new block added to refresh markers before emailing info - START var feature = event.target?.feature || null; window.activeMarker = feature ? { id: feature.id, map_id: feature.map_id || feature.mapId || null, title: feature.title || null } : null; //new block added to refresh markers before emailing info - END if(event.target.feature.map.element.firstChild){ const innerContainer = event.target.feature.map.element.firstChild; $(event.target.feature.map.element).find('.wpgmza-inner-stack').each(function(index, element){ $(element).appendTo(innerContainer); }); event.target.feature.map._stackedComponentsMoved = true; } } // --------------------------------------- // CODE TO EMAIL UPDATED INFORMATION -------START //---------------------------------------- var iw = (event.target && event.target.feature && event.target.feature.infoWindow && event.target.feature.infoWindow.element) ? event.target.feature.infoWindow.element[0] : null; console.log("IW:", iw); if (!iw) return; iw.style.position = "relative"; /*iw.style.overflow = "visible";*/ if (iw.querySelector("#wf-test-flag")) return; var flag = document.createElement("div"); flag.id = "wf-test-flag"; flag.innerHTML = "🚩"; /*flag.style.cssText = ` position: absolute; bottom: 2px; left: 6px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: white; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.2); z-index: 999999; cursor: pointer; -webkit-touch-callout: none; `;*/ flag.style.cssText = ` display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-top: 0px; margin-left: 6px; background: white; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.2); cursor: pointer; -webkit-touch-callout: none; `; iw.appendChild(flag); // ----------------------- // TOOLTIP // ----------------------- var tooltip = document.createElement("div"); tooltip.innerText = "Report updated information (opens in email)"; tooltip.style.cssText = ` position: absolute; bottom: 42px; left: 6px; background: rgba(0,0,0,0.85); color: white; padding: 6px 8px; font-size: 12px; border-radius: 4px; white-space: nowrap; z-index: 1000000; display: none; `; iw.appendChild(tooltip); // ----------------------- // DATA // ----------------------- var markerTitle = window.__wf_marker?.title || iw.querySelector(".wpgmza-title")?.textContent?.trim() || "Venue"; var markerID = window.activeMarker?.id || iw.getAttribute("data-marker-id") || "unknown"; var mapID = iw.closest("[data-map]")?.getAttribute("data-map") || "unknown"; var to = atob("dXBkYXRlc0B3aW5lZm9nZy5jb20="); //var subject = "Map update suggestion: " + mapID + "-" + markerID + " - " + markerTitle; //disabled to refresh markers before emailing? // ----------------------- // CLICK (EMAIL) // ----------------------- flag.addEventListener("click", function (e) { e.preventDefault(); tooltip.style.display = "block"; setTimeout(function () { tooltip.style.display = "none"; }, 800); var markerTitle = window.__wf_marker?.title || iw.querySelector(".wpgmza-title")?.textContent?.trim() || "Venue"; var markerID = window.activeMarker?.id || iw.getAttribute("data-marker-id") || "unknown"; var mapID = Object.values(WPGMZA.maps)[0].markers.find(m => m.id == markerID)?.map_id || window.activeMarker?.map_id || "unknown"; /*replacing the below mapID block with the above var mapID = window.activeMarker?.map_id || iw.getAttribute("data-map") || "unknown"; */ var subject = "Map update suggestion: " + mapID + "-" + markerID + " - " + markerTitle; var body = "(Please provide details of any information to update)"; window.location.href = "mailto:" + to + "?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body); }); /* replacing the block below with the block above) flag.addEventListener("click", function (e) { e.preventDefault(); tooltip.style.display = "block"; setTimeout(function () { tooltip.style.display = "none"; }, 800); var body = "(Please provide details of any information to update)"; window.location.href = "mailto:" + to + "?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body); }); */ // ----------------------- // HOVER TOOLTIP (DESKTOP) // ----------------------- flag.addEventListener("mouseenter", function () { tooltip.style.display = "block"; }); flag.addEventListener("mouseleave", function () { tooltip.style.display = "none"; }); // ----------------------------------------- // CODE TO EMAIL UPDATED INFORMATION -------- END //------------------------------------------ }); /*new code added to wait for markers to load before filters work in CPT for maps*/ jQuery(document).on('markersplaced.wpgmza', function() { jQuery(document).trigger('wpgmza_map_loaded'); }); /* ------------------------------------------------------------------------ INFO WINDOW WIDTH LOCK (STABLE LAYOUT FIX) - Prevents WP Go Maps post-render resizing - Uses MutationObserver to enforce final width - Fixes "open → resize → settle" behaviour ------------------------------------------------------------------------ */ (function () { function getTargetWidth() { var root = getComputedStyle(document.documentElement); var desktop = root.getPropertyValue('--wf-iw-desktop').trim(); var mobile = root.getPropertyValue('--wf-iw-mobile').trim(); return (window.innerWidth <= 1024) ? mobile : desktop; } function lockInfowindow(iw) { if (!iw) return; var target = getTargetWidth(); iw.style.width = target; iw.style.maxWidth = target; iw.style.minWidth = target; } function startObserver() { var observer = new MutationObserver(function () { var iw = document.querySelector('.gm-style-iw-c'); if (!iw) return; lockInfowindow(iw); }); observer.observe(document.body, { childList: true, subtree: true, attributes: true }); } // Start once DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startObserver); } else { startObserver(); } })();

Japanese Wine Map