{"id":5084,"date":"2023-08-15T22:46:19","date_gmt":"2023-08-15T20:46:19","guid":{"rendered":"https:\/\/www.open-user-map.com\/?page_id=5084"},"modified":"2025-02-17T21:56:18","modified_gmt":"2025-02-17T20:56:18","slug":"demo-filtered-by-a-category","status":"publish","type":"page","link":"https:\/\/www.open-user-map.com\/fr\/demo-filtered-by-a-category\/","title":{"rendered":"D\u00e9mo : Filtr\u00e9 par une cat\u00e9gorie"},"content":{"rendered":"\n\n<div class=\"open-user-map \">\n\n  \n  \n    \n  \n  <!-- Map Container -->\n  <div class=\"oum-map-container\">\n    \n<div class=\"box-wrap map-size-default oum-regions-layout-1 \">\n      <div class=\"tab-wrap\">\n      <div class=\"oum-tabs\" id=\"nav-tab-20210929\" role=\"tablist\">\n                \n                    <div class=\"nav-item nav-link  change_region\" data-lat=\"47.529927234828\" data-lng=\"12.341247367108\" data-zoom=\"3.6\" data-toggle=\"tab\" role=\"tab\">Europe<\/div>\n\n        \n                    <div class=\"nav-item nav-link  change_region\" data-lat=\"51.508624047822\" data-lng=\"-0.1171074287313\" data-zoom=\"14.7\" data-toggle=\"tab\" role=\"tab\">London<\/div>\n\n        \n                    <div class=\"nav-item nav-link  change_region\" data-lat=\"37.878730839685\" data-lng=\"-94.286223827795\" data-zoom=\"3.6\" data-toggle=\"tab\" role=\"tab\">North America<\/div>\n\n        \n                    <div class=\"nav-item nav-link active change_region\" data-lat=\"24.367151526283\" data-lng=\"4.8559711749114\" data-zoom=\"1.2\" data-toggle=\"tab\" role=\"tab\">World<\/div>\n\n              <\/div>\n    <\/div>\n  \n  <div class=\"map-wrap\">\n    <div class=\"oum-loading-overlay\">\n      <div class=\"oum-loading-spinner\"><\/div>\n    <\/div>\n    <div id=\"map-20210929\" class=\"leaflet-map map-style_Esri.WorldStreetMap\" data-oum-tile-provider-container=\"esri\"><\/div>\n\n        \n          <input type=\"text\" id=\"oum_filter_markers\" class=\"oum-hidden\" placeholder=\"Search marker (try fish or sand)\" \/>\n    \n        \n              \n          \n              <div id=\"open-add-location-overlay\" class=\"open-add-location-overlay oum-hidden\" style=\"background-color: #e82c71\"><span class=\"btn_icon\">+<\/span><span class=\"btn_text\">Ajouter un marqueur<\/span><\/div>\n\n          \n              \n      \n    \n          <div class=\"oum-map-filter-wrapper\">\n        \n                  <div class=\"oum-filter-controls active oum-hidden\">\n            <div class=\"oum-filter-toggle\"><\/div>\n            <div class=\"oum-filter-list\">\n              <div class=\"close-filter-list\">&#x2715;<\/div>\n              \n<div class=\"oum-marker-categories-filter\">\n  \n      <div class=\"oum-toggle-all-wrapper\">\n      <label class=\"oum-toggle-all-label\">\n        <input style=\"accent-color: #e82c71\" type=\"checkbox\" id=\"oum-toggle-all\" class=\"oum-toggle-all-checkbox\">\n        <span class=\"oum-toggle-all-text\">Tout s\u00e9lectionner<\/span>\n      <\/label>\n    <\/div>\n  \n  \n    \n    <label>\n      <input style=\"accent-color: #e82c71\" type=\"checkbox\" name=\"type\" value=\"110\" checked>\n              <img decoding=\"async\" alt=\"category icon\" src=\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\">\n            <span class=\"oum-filter-category-name\">Seashell Beach<\/span>\n    <\/label>\n\n  <\/div>\n            <\/div>\n          <\/div>\n              <\/div>\n    \n          \n        \n          \n    <script type=\"text\/javascript\" id=\"oum-init-map\" data-category=\"functional\" class=\"cmplz-native\" data-oum-tile-provider=\"esri\">\n\n      map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n        \/* Transfer PHP array to JS json *\/\n        var oum_all_locations = [{\"title\":\"Thames Beach\",\"lat\":\"51.508159779762\",\"lng\":\"-0.11007785797119\",\"zoom\":\"15\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"septembre 1, 2026 Thames Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f A quiet stretch of the Thames foreshore at low tide, with sweeping views of London\u2019s skyline and riverside landmarks. Lire la suite thames-beach\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/plugins\/open-user-map-pro\/src\/leaflet\/images\/marker-icon_multicategories_default.png\",\"types\":[\"109\",\"110\"],\"post_id\":\"6989\",\"address\":\"\",\"text\":\"A quiet stretch of the Thames foreshore at low tide, with sweeping views of London\u2019s skyline and riverside landmarks.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/oum-useruploads\/6a96a16a81809.png|https:\/\/www.open-user-map.com\/wp-content\/uploads\/oum-useruploads\/6a96a16a81b36.png\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\",\"Car\",\"Boat\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":0,\"star_rating_avg\":0,\"star_rating_count\":0},{\"title\":\"Waikiki Beach\",\"lat\":\"21.28972423942\",\"lng\":\"-157.84898757935\",\"zoom\":\"12\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"f\u00e9vrier 10, 2025 Waikiki Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f One of the most awesome (and crowded) beaches on the island. Lire la suite waikiki-beach\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\",\"types\":[\"110\"],\"post_id\":\"4967\",\"address\":\"Honululu, Hawaii\",\"text\":\"One of the most awesome (and crowded) beaches on the island.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-635830884-1024x682.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1799323584-1024x671.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1490030851-1024x542-1-768x407.jpg\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\",\"Car\",\"Boat\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":3,\"star_rating_avg\":0,\"star_rating_count\":0},{\"title\":\"Flamenco Beach\",\"lat\":\"18.328608709829\",\"lng\":\"-65.318613052368\",\"zoom\":\"12\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"f\u00e9vrier 10, 2025 Flamenco Beach Access: Walking Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f If asked to design the perfect tropical beach, Playa Flamenco on Culebra island, off the east coast of Puerto Rico, is probably what you would come up with. It\u2019s a U-shaped cove with white sand, warm turquoise water, palm trees, lush vegetation and a peaceful lagoon. Lire la suite flamenco-beach\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\",\"types\":[\"110\"],\"post_id\":\"4970\",\"address\":\"Puerto Rico\",\"text\":\"If asked to design the perfect tropical beach, Playa Flamenco on Culebra island, off the east coast of Puerto Rico, is probably what you would come up with. It\u2019s a U-shaped cove with white sand, warm turquoise water, palm trees, lush vegetation and a peaceful lagoon.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-961393138-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1150809926-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1214912821-1024x684.jpg\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":0,\"star_rating_avg\":0,\"star_rating_count\":0},{\"title\":\"Glass Beach\",\"lat\":\"39.45403465749\",\"lng\":\"-123.81209850311\",\"zoom\":\"12\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"f\u00e9vrier 10, 2025 Glass Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f A beach made from years of dumped litter sounds like a hellhole but, at Glass beach, on the Mendocino coast in California, the result is quite beautiful. From 1906 to 1967, glass, appliances and even vehicles were chucked into the sea. Lire la suite glass-beach\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\",\"types\":[\"110\"],\"post_id\":\"4973\",\"address\":\"California\",\"text\":\"A beach made from years of dumped litter sounds like a hellhole but, at Glass beach, on the Mendocino coast in California, the result is quite beautiful. From 1906 to 1967, glass, appliances and even vehicles were chucked into the sea.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1297274631-1024x572.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1055312436-1024x683-2-768x512.jpg\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\",\"Car\",\"Boat\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":4,\"star_rating_avg\":0,\"star_rating_count\":0},{\"title\":\"Dune du Pyla\",\"lat\":\"44.595076952467\",\"lng\":\"-1.2143325805664\",\"zoom\":\"12\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"f\u00e9vrier 10, 2025 Dune du Pyla Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f This beach is Europe\u2019s tallest dune at over 100 metres. It\u2019s an hour\u2019s drive from Bordeaux and is literally dazzling. You will shield your eyes as much from the shimmering heat haze as the pristine sand. Lire la suite dune-du-pyla\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\",\"types\":[\"110\"],\"post_id\":\"4976\",\"address\":\"France\",\"text\":\"This beach is Europe\u2019s tallest dune at over 100 metres. It\u2019s an hour\u2019s drive from Bordeaux and is literally dazzling. You will shield your eyes as much from the shimmering heat haze as the pristine sand.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1055312436-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1490030851-1024x542-1-768x407.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1584671387-1024x412.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1412976847-1024x768-1-768x576.jpg\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\",\"Car\",\"Boat\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":2,\"star_rating_avg\":0,\"star_rating_count\":0},{\"title\":\"Cala Gonone\",\"lat\":\"40.2805883\",\"lng\":\"9.6169368\",\"zoom\":\"12\",\"geometry_type\":\"point\",\"geometry\":null,\"show_measurement\":false,\"category_color\":\"#e82c71\",\"content\":\"f\u00e9vrier 10, 2025 Cala Gonone Access: Walking Car Rating: \u2600\ufe0f\u2600\ufe0f It\u2019s not difficult to find a stunning beach on Sardinia, but finding one that caters for families on a modest budget is more of a challenge. Cala Gonone ticks all of the right boxes. White pebble-and-sand beaches, with sun loungers and parasols for rent, calm, turquoise waters for swimming and snorkelling, a long seafront promenade lined with low-key trattorias \u2013 and none of the bling that accompanies the glitzier Costa Smeralda to the north. Lire la suite cala-gonone\",\"icon\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png\",\"types\":[\"110\"],\"post_id\":\"4982\",\"address\":\"Sardinia\",\"text\":\"It\u2019s not difficult to find a stunning beach on Sardinia, but finding one that caters for families on a modest budget is more of a challenge. Cala Gonone ticks all of the right boxes. White pebble-and-sand beaches, with sun loungers and parasols for rent, calm, turquoise waters for swimming and snorkelling, a long seafront promenade lined with low-key trattorias \u2013 and none of the bling that accompanies the glitzier Costa Smeralda to the north.\",\"image\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1458463370-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1799323584-1024x671-1-768x503.jpg\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[{\"index\":1643970620271,\"label\":\"Access\",\"val\":[\"Walking\",\"Car\"],\"fieldtype\":\"checkbox\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false},{\"index\":1691755780693,\"label\":\"Rating\",\"val\":\"\u2600\ufe0f\u2600\ufe0f\",\"fieldtype\":\"radio\",\"uselabelastextoption\":false,\"use12hour\":false,\"private\":false}],\"votes\":3,\"star_rating_avg\":0,\"star_rating_count\":0}];\n\n        \/\/ Wait for the main initialization function to be available, then call it\n        function oumWaitForMainInit() {\n          if (typeof oumInitializeMap === 'function') {\n            console.log('\ud83d\uddfa\ufe0f Open User Map: Starting');\n            \n            \/\/ Initialize the map\n            oumInitializeMap();\n          } else {\n            setTimeout(oumWaitForMainInit, 100);\n          }\n        }\n        \n        setTimeout(oumWaitForMainInit, 100);\n      }\n\n    <\/script>\n\n    <script type=\"text\/javascript\" id=\"oum-inline-js\" \n      data-category=\"functional\" \n      class=\"cmplz-native\" \n      data-minify=\"0\"\n      data-no-optimize=\"1\"\n      data-no-defer=\"1\"\n      data-no-combine=\"1\"\n      data-cfasync=\"false\"\n      data-pagespeed-no-defer\n      data-boot=\"1\">\n\n      map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n\n        \/\/ Wait for OUMLoader to be defined\n        function oumLoading() {\n          if (typeof OUMLoader !== 'undefined') {\n            \/\/ Initialize loader for this map\n            OUMLoader.initLoader(map_el);\n\n            \/\/ Add event listener for map initialization complete\n            document.addEventListener('oum:map_initialized', function(e) {\n              if (e.detail.mapId === map_el) {\n                OUMLoader.setMapInitialized(map_el);\n              }\n            });\n          } else {\n            \/\/ If OUMLoader is not yet defined, wait and try again\n            setTimeout(oumLoading, 100);\n          }\n        }\n\n        \/\/ OUM Loading Spinner\n        oumLoading();\n\n        \/\/ OUM inline JS variables\n        var mapStyle = \"Esri.WorldStreetMap\";\n        var oum_tile_provider_mapbox_key = \"pk.eyJ1IjoiMTAwd3VuZGVyIiwiYSI6ImNsbmtxZGpxdDB1c2oybHJ6YTR6NWR0dXYifQ.gAAi57QGX_Dh1Q7ozFh1Xg\";\n        var oum_tile_provider_carto_key = \"cb1_28mt_1_add8bb5581edc8e2e0982fc0\";\n        var marker_icon_url = \"https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/plugins\\\/open-user-map-pro\\\/src\\\/leaflet\\\/images\\\/marker-icon_default-2x.png\";\n        var marker_shadow_url = \"https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/plugins\\\/open-user-map-pro\\\/src\\\/leaflet\\\/images\\\/marker-shadow.png\";\n        var oum_enable_scrollwheel_zoom_map = false;\n        var oum_enable_cluster = false;\n        var oum_enable_fullscreen = true;\n\n        var oum_enable_searchbar = true;\n        var oum_searchbar_type = \"live_filter\";\n\n        var oum_geosearch_selected_provider = \"\";\n        var oum_geosearch_provider = \"here\";\n        var oum_geosearch_provider_geoapify_key = \"\";\n        var oum_geosearch_provider_here_key = \"ViSl2eu1vcWn_CjyoNg5R3mk7tXgy6XUmUcgclmIwag\";\n        var oum_geosearch_provider_mapbox_key = \"\";\n        \n        var oum_enable_searchaddress_button = true;\n        var oum_searchaddress_label = \"Search address\";\n\n        var oum_enable_searchmarkers_button = false;\n        var oum_searchmarkers_label = \"Search marker (try fish or sand)\";\n        var oum_searchmarkers_zoom = \"8\";\n\n        var oum_enable_currentlocation = true;\n        var oum_action_after_submit = \"text\";\n        var thankyou_redirect = \"\";\n        var start_lat = Number(24.367151526283);\n        var start_lng = Number(4.8559711749114);\n        var start_zoom = Number(1.2);\n        \n        var oum_enable_fixed_map_bounds = \"\";\n        var oum_use_settings_start_location = false;\n        var oum_has_regions = true;\n        var oum_enable_multiple_marker_types = \"true\";\n        var oum_hide_filterbox = false;\n        var oum_hide_location_popup = false;\n        var oum_enable_address = \"\";\n        var oum_enable_address_autofill = \"\";\n\n        \/\/ WordPress timezone for opening hours calculations\n        var oum_wordpress_timezone = `Europe\/Berlin`;\n\n        \/\/ Custom Image data\n        var oum_custom_image_url = \"https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/comic_world.png\";\n        var oum_custom_image_bounds = {\"north\":\"78.332916\",\"south\":\"-66.933997\",\"east\":\"180\",\"west\":\"-166.515625\"};\n        var oum_custom_image_hide_tiles = false;\n        var oum_custom_image_clickable = false;\n        var oum_custom_image_background_color = \"#ffffff\";\n\n        var oum_location = {};\n        var oum_custom_css = '';\n        var oum_custom_script = '';\n        var oum_max_image_filesize = 10;\n        var oumMap;\n        var oumMap2;\n\n        \/**\n         * Conditional Field Feature\n         * \n         * @param {string} sourceField - The source field selector\n         * @param {string} targetField - The target field selector\n         * @param {array} condShow - The values that should show the target field\n         * @param {array|null} condHide - The values that should hide the target field. If empty\/null\/undefined, the field will be hidden when condShow is not met.\n         *\/\n        var oumConditionalField = (sourceField, targetField, condShow, condHide = null) => {\n            const sourceElements = document.querySelectorAll(sourceField); \/\/ Select all radios\/checkboxes or single select\n            const targetElementWrapper = document.querySelector(targetField)?.parentElement; \/* works with custom fields only *\/\n\n            \/\/ Check if both sourceElements and targetElementWrapper exist\n            if (!sourceElements.length) {\n                console.warn(`OUM: Source field(s) not found: ${sourceField}`);\n                return;\n            }\n\n            if (!targetElementWrapper) {\n                console.warn(`OUM: Target field wrapper not found: ${targetField}`);\n                return;\n            }\n\n            \/* Event listener for change *\/\n            const onChangeHandler = function() {\n                \/\/ Get selected values for checkboxes and single selected value for radios\/select\n                const selectedValues = Array.from(sourceElements)\n                    .filter(element => element.checked || element.tagName === 'SELECT')\n                    .map(element => element.value);\n\n                const selectedValue = selectedValues[0]; \/\/ For radios and selects, we use only the first (and only) value\n\n                console.log('OUM: run condition', {selectedValue, sourceField, targetField, condShow, condHide});\n                \n                \/\/ Show or hide target field based on the selected value(s)\n                if (condShow.includes(selectedValue)) {\n                    \/\/ Show the field if condShow condition is met\n                    targetElementWrapper.style.display = 'block';\n                } else if (condHide && Array.isArray(condHide) && condHide.length > 0 && condHide.includes(selectedValue)) {\n                    \/\/ Hide the field if condHide is provided and condition is met\n                    targetElementWrapper.style.display = 'none';\n                } else if (!condHide || (Array.isArray(condHide) && condHide.length === 0)) {\n                    \/\/ If condHide is empty\/null\/undefined, hide the field when condShow is not met\n                    targetElementWrapper.style.display = 'none';\n                }\n            };\n\n            \/* Attach the event listener to each radio\/checkbox or select *\/\n            sourceElements.forEach(element => {\n                element.addEventListener('change', onChangeHandler);\n            });\n\n            \/* Trigger initially *\/\n            onChangeHandler(); \/\/ Call it directly to set initial state\n        };\n\n        \/**\n         * Add Custom Styles\n         *\/\n        \n                            \/* custom color *\/\n          oum_custom_css += `\n            .open-user-map .add-location #close-add-location-overlay:hover {color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay {background-color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:hover,\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:active {background-color: #d12866 !important}\n            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e82c71 !important}\n            .open-user-map .oum-advanced-filter-button .oum-advanced-filter-content .close-advanced-filter:hover,\n            .open-user-map .oum-advanced-filter-panel .oum-advanced-filter-content .close-advanced-filter:hover {color: #e82c71 !important}\n            .open-user-map input.oum-switch[type=\"checkbox\"]:checked + label::before {background-color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum-required-indicator {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location h2 {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=text]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=email]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=url]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location textarea:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location select:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e82c71 !important}\n            .open-user-map .oum_location_text a {color: #e82c71 !important}\n            .open-user-map .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .oum-tabs {border-color: #e82c71 !important}\n            .open-user-map .oum-tabs .nav-item:hover {color: #e82c71 !important; border-color: #e82c71 !important}\n            .open-user-map .oum-tabs .nav-item.active {color: #e82c71 !important; border-color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e82c71 !important;}\n            \/* Submit Button *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit] {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:hover,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:active {background-color: #d12866 !important;}\n            \/* Message CTA Buttons *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:hover,\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:active {background-color: #d12866 !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:hover,\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:active {background-color: #d12866 !important;}\n            \/* Media Section Colors *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-upload .media-upload-top label .multi-upload-indicator {background: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e82c71 !important; background: #e82c710a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-preview-grid .image-preview-item.dragging {border-color: #e82c71 !important}\n            \/* List Styles *\/\n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text a {color: #e82c71 !important} \n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}`;\n\n        \n        \n        \n          \/* custom map height *\/\n          oum_custom_css += \"@media screen and (max-width: 768px) {.open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 60vh !important; aspect-ratio: unset !important;}}\";\n\n        \n        var custom_style = document.createElement('style');\n\n        if (custom_style.styleSheet) {\n          custom_style.styleSheet.cssText = oum_custom_css;\n        } else {\n          custom_style.appendChild(document.createTextNode(oum_custom_css));\n        }\n\n        document.getElementsByTagName('head')[0].appendChild(custom_style);\n\n        \/* Add initial CSS to prevent flash of unstyled content *\/\n        var initialStyles = document.createElement('style');\n        initialStyles.textContent = `\n          .oum-hidden {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls,\n          .open-add-location-overlay,\n          .map-wrap #oum_filter_markers,\n          .oum-advanced-filter-button,\n          .oum-advanced-filter-panel,\n          .oum-sidebar {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls.visible,\n          .open-add-location-overlay.visible,\n          .map-wrap #oum_filter_markers.visible,\n          .oum-advanced-filter-button.visible,\n          .oum-advanced-filter-panel.visible,\n          .oum-sidebar.visible {\n            opacity: 1;\n            visibility: visible;\n          }\n        `;\n        document.head.appendChild(initialStyles);\n\n      }\n    <\/script>\n\n  <\/div>\n\n<\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This is a demo to show the advantages of the <a href=\"\/\">Open User Map WordPress plugin<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this example, the map locations are <strong>limited to a single category<\/strong> (Seashell Beach). This can be set individually in the block settings or in the shortcode. Filtering for specific locations is possible as well.<\/p>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">How to use<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#333545;color:#ebebe6\">Shortcode<\/span><span role=\"button\" tabindex=\"0\" data-code=\"\n\n&lt;div class=&quot;open-user-map &quot;&gt;\n\n  \n  \n    \n  \n  &lt;!-- Map Container --&gt;\n  &lt;div class=&quot;oum-map-container&quot;&gt;\n    \n&lt;div class=&quot;box-wrap map-size-fullwidth oum-regions-layout-1 &quot;&gt;\n      &lt;div class=&quot;tab-wrap&quot;&gt;\n      &lt;div class=&quot;oum-tabs&quot; id=&quot;nav-tab-20210929&quot; role=&quot;tablist&quot;&gt;\n                \n                    &lt;div class=&quot;nav-item nav-link  change_region&quot; data-lat=&quot;47.529927234828&quot; data-lng=&quot;12.341247367108&quot; data-zoom=&quot;3.6&quot; data-toggle=&quot;tab&quot; role=&quot;tab&quot;&gt;Europe&lt;\/div&gt;\n\n        \n                    &lt;div class=&quot;nav-item nav-link  change_region&quot; data-lat=&quot;51.508624047822&quot; data-lng=&quot;-0.1171074287313&quot; data-zoom=&quot;14.7&quot; data-toggle=&quot;tab&quot; role=&quot;tab&quot;&gt;London&lt;\/div&gt;\n\n        \n                    &lt;div class=&quot;nav-item nav-link  change_region&quot; data-lat=&quot;37.878730839685&quot; data-lng=&quot;-94.286223827795&quot; data-zoom=&quot;3.6&quot; data-toggle=&quot;tab&quot; role=&quot;tab&quot;&gt;North America&lt;\/div&gt;\n\n        \n                    &lt;div class=&quot;nav-item nav-link  change_region&quot; data-lat=&quot;24.367151526283&quot; data-lng=&quot;4.8559711749114&quot; data-zoom=&quot;1.2&quot; data-toggle=&quot;tab&quot; role=&quot;tab&quot;&gt;World&lt;\/div&gt;\n\n              &lt;\/div&gt;\n    &lt;\/div&gt;\n  \n  &lt;div class=&quot;map-wrap&quot;&gt;\n    &lt;div class=&quot;oum-loading-overlay&quot;&gt;\n      &lt;div class=&quot;oum-loading-spinner&quot;&gt;&lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;div id=&quot;map-20210929&quot; class=&quot;leaflet-map map-style_Esri.WorldStreetMap&quot; data-oum-tile-provider-container=&quot;esri&quot;&gt;&lt;\/div&gt;\n\n        \n          &lt;input type=&quot;text&quot; id=&quot;oum_filter_markers&quot; class=&quot;oum-hidden&quot; placeholder=&quot;Search marker (try fish or sand)&quot; \/&gt;\n    \n        \n              \n          \n              &lt;div id=&quot;open-add-location-overlay&quot; class=&quot;open-add-location-overlay oum-hidden&quot; style=&quot;background-color: #e82c71&quot;&gt;&lt;span class=&quot;btn_icon&quot;&gt;+&lt;\/span&gt;&lt;span class=&quot;btn_text&quot;&gt;Ajouter un marqueur&lt;\/span&gt;&lt;\/div&gt;\n\n          \n              \n      \n    \n          &lt;div class=&quot;oum-map-filter-wrapper&quot;&gt;\n        \n                  &lt;div class=&quot;oum-filter-controls active oum-hidden&quot;&gt;\n            &lt;div class=&quot;oum-filter-toggle&quot;&gt;&lt;\/div&gt;\n            &lt;div class=&quot;oum-filter-list&quot;&gt;\n              &lt;div class=&quot;close-filter-list&quot;&gt;&#x2715;&lt;\/div&gt;\n              \n&lt;div class=&quot;oum-marker-categories-filter&quot;&gt;\n  \n      &lt;div class=&quot;oum-toggle-all-wrapper&quot;&gt;\n      &lt;label class=&quot;oum-toggle-all-label&quot;&gt;\n        &lt;input style=&quot;accent-color: #e82c71&quot; type=&quot;checkbox&quot; id=&quot;oum-toggle-all&quot; class=&quot;oum-toggle-all-checkbox&quot;&gt;\n        &lt;span class=&quot;oum-toggle-all-text&quot;&gt;Tout s\u00e9lectionner&lt;\/span&gt;\n      &lt;\/label&gt;\n    &lt;\/div&gt;\n  \n  \n    \n    &lt;label&gt;\n      &lt;input style=&quot;accent-color: #e82c71&quot; type=&quot;checkbox&quot; name=&quot;type&quot; value=&quot;110&quot; checked&gt;\n              &lt;img alt=&quot;category icon&quot; src=&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;&gt;\n            &lt;span class=&quot;oum-filter-category-name&quot;&gt;Seashell Beach&lt;\/span&gt;\n    &lt;\/label&gt;\n\n  &lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n              &lt;\/div&gt;\n    \n          \n        \n          \n    &lt;script type=&quot;text\/javascript&quot; id=&quot;oum-init-map&quot; data-category=&quot;functional&quot; class=&quot;cmplz-native&quot; data-oum-tile-provider=&quot;esri&quot;&gt;\n\n      map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n        \/* Transfer PHP array to JS json *\/\n        var oum_all_locations = [{&quot;title&quot;:&quot;Thames Beach&quot;,&quot;lat&quot;:&quot;51.508159779762&quot;,&quot;lng&quot;:&quot;-0.11007785797119&quot;,&quot;zoom&quot;:&quot;15&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;septembre 1, 2026 Thames Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f A quiet stretch of the Thames foreshore at low tide, with sweeping views of London\u2019s skyline and riverside landmarks. Lire la suite thames-beach&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/plugins\/open-user-map-pro\/src\/leaflet\/images\/marker-icon_multicategories_default.png&quot;,&quot;types&quot;:[&quot;109&quot;,&quot;110&quot;],&quot;post_id&quot;:&quot;6989&quot;,&quot;address&quot;:&quot;&quot;,&quot;text&quot;:&quot;A quiet stretch of the Thames foreshore at low tide, with sweeping views of London\u2019s skyline and riverside landmarks.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/oum-useruploads\/6a96a16a81809.png|https:\/\/www.open-user-map.com\/wp-content\/uploads\/oum-useruploads\/6a96a16a81b36.png&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;,&quot;Car&quot;,&quot;Boat&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:0,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0},{&quot;title&quot;:&quot;Waikiki Beach&quot;,&quot;lat&quot;:&quot;21.28972423942&quot;,&quot;lng&quot;:&quot;-157.84898757935&quot;,&quot;zoom&quot;:&quot;12&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;f\u00e9vrier 10, 2025 Waikiki Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f One of the most awesome (and crowded) beaches on the island. Lire la suite waikiki-beach&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;,&quot;types&quot;:[&quot;110&quot;],&quot;post_id&quot;:&quot;4967&quot;,&quot;address&quot;:&quot;Honululu, Hawaii&quot;,&quot;text&quot;:&quot;One of the most awesome (and crowded) beaches on the island.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-635830884-1024x682.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1799323584-1024x671.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1490030851-1024x542-1-768x407.jpg&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;,&quot;Car&quot;,&quot;Boat&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:3,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0},{&quot;title&quot;:&quot;Flamenco Beach&quot;,&quot;lat&quot;:&quot;18.328608709829&quot;,&quot;lng&quot;:&quot;-65.318613052368&quot;,&quot;zoom&quot;:&quot;12&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;f\u00e9vrier 10, 2025 Flamenco Beach Access: Walking Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f If asked to design the perfect tropical beach, Playa Flamenco on Culebra island, off the east coast of Puerto Rico, is probably what you would come up with. It\u2019s a U-shaped cove with white sand, warm turquoise water, palm trees, lush vegetation and a peaceful lagoon. Lire la suite flamenco-beach&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;,&quot;types&quot;:[&quot;110&quot;],&quot;post_id&quot;:&quot;4970&quot;,&quot;address&quot;:&quot;Puerto Rico&quot;,&quot;text&quot;:&quot;If asked to design the perfect tropical beach, Playa Flamenco on Culebra island, off the east coast of Puerto Rico, is probably what you would come up with. It\u2019s a U-shaped cove with white sand, warm turquoise water, palm trees, lush vegetation and a peaceful lagoon.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-961393138-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1150809926-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1214912821-1024x684.jpg&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:0,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0},{&quot;title&quot;:&quot;Glass Beach&quot;,&quot;lat&quot;:&quot;39.45403465749&quot;,&quot;lng&quot;:&quot;-123.81209850311&quot;,&quot;zoom&quot;:&quot;12&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;f\u00e9vrier 10, 2025 Glass Beach Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f A beach made from years of dumped litter sounds like a hellhole but, at Glass beach, on the Mendocino coast in California, the result is quite beautiful. From 1906 to 1967, glass, appliances and even vehicles were chucked into the sea. Lire la suite glass-beach&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;,&quot;types&quot;:[&quot;110&quot;],&quot;post_id&quot;:&quot;4973&quot;,&quot;address&quot;:&quot;California&quot;,&quot;text&quot;:&quot;A beach made from years of dumped litter sounds like a hellhole but, at Glass beach, on the Mendocino coast in California, the result is quite beautiful. From 1906 to 1967, glass, appliances and even vehicles were chucked into the sea.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1297274631-1024x572.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1055312436-1024x683-2-768x512.jpg&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;,&quot;Car&quot;,&quot;Boat&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:4,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0},{&quot;title&quot;:&quot;Dune du Pyla&quot;,&quot;lat&quot;:&quot;44.595076952467&quot;,&quot;lng&quot;:&quot;-1.2143325805664&quot;,&quot;zoom&quot;:&quot;12&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;f\u00e9vrier 10, 2025 Dune du Pyla Access: Walking Car Boat Rating: \u2600\ufe0f\u2600\ufe0f\u2600\ufe0f This beach is Europe\u2019s tallest dune at over 100 metres. It\u2019s an hour\u2019s drive from Bordeaux and is literally dazzling. You will shield your eyes as much from the shimmering heat haze as the pristine sand. Lire la suite dune-du-pyla&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;,&quot;types&quot;:[&quot;110&quot;],&quot;post_id&quot;:&quot;4976&quot;,&quot;address&quot;:&quot;France&quot;,&quot;text&quot;:&quot;This beach is Europe\u2019s tallest dune at over 100 metres. It\u2019s an hour\u2019s drive from Bordeaux and is literally dazzling. You will shield your eyes as much from the shimmering heat haze as the pristine sand.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1055312436-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1490030851-1024x542-1-768x407.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1584671387-1024x412.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1412976847-1024x768-1-768x576.jpg&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;,&quot;Car&quot;,&quot;Boat&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:2,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0},{&quot;title&quot;:&quot;Cala Gonone&quot;,&quot;lat&quot;:&quot;40.2805883&quot;,&quot;lng&quot;:&quot;9.6169368&quot;,&quot;zoom&quot;:&quot;12&quot;,&quot;geometry_type&quot;:&quot;point&quot;,&quot;geometry&quot;:null,&quot;show_measurement&quot;:false,&quot;category_color&quot;:&quot;#e82c71&quot;,&quot;content&quot;:&quot;f\u00e9vrier 10, 2025 Cala Gonone Access: Walking Car Rating: \u2600\ufe0f\u2600\ufe0f It\u2019s not difficult to find a stunning beach on Sardinia, but finding one that caters for families on a modest budget is more of a challenge. Cala Gonone ticks all of the right boxes. White pebble-and-sand beaches, with sun loungers and parasols for rent, calm, turquoise waters for swimming and snorkelling, a long seafront promenade lined with low-key trattorias \u2013 and none of the bling that accompanies the glitzier Costa Smeralda to the north. Lire la suite cala-gonone&quot;,&quot;icon&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/icon_seashells.png&quot;,&quot;types&quot;:[&quot;110&quot;],&quot;post_id&quot;:&quot;4982&quot;,&quot;address&quot;:&quot;Sardinia&quot;,&quot;text&quot;:&quot;It\u2019s not difficult to find a stunning beach on Sardinia, but finding one that caters for families on a modest budget is more of a challenge. Cala Gonone ticks all of the right boxes. White pebble-and-sand beaches, with sun loungers and parasols for rent, calm, turquoise waters for swimming and snorkelling, a long seafront promenade lined with low-key trattorias \u2013 and none of the bling that accompanies the glitzier Costa Smeralda to the north.&quot;,&quot;image&quot;:&quot;https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1458463370-1024x683.jpg|https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/08\/iStock-1799323584-1024x671-1-768x503.jpg&quot;,&quot;audio&quot;:&quot;&quot;,&quot;video&quot;:&quot;&quot;,&quot;custom_fields&quot;:[{&quot;index&quot;:1643970620271,&quot;label&quot;:&quot;Access&quot;,&quot;val&quot;:[&quot;Walking&quot;,&quot;Car&quot;],&quot;fieldtype&quot;:&quot;checkbox&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false},{&quot;index&quot;:1691755780693,&quot;label&quot;:&quot;Rating&quot;,&quot;val&quot;:&quot;\u2600\ufe0f\u2600\ufe0f&quot;,&quot;fieldtype&quot;:&quot;radio&quot;,&quot;uselabelastextoption&quot;:false,&quot;use12hour&quot;:false,&quot;private&quot;:false}],&quot;votes&quot;:3,&quot;star_rating_avg&quot;:0,&quot;star_rating_count&quot;:0}];\n\n        \/\/ Wait for the main initialization function to be available, then call it\n        function oumWaitForMainInit() {\n          if (typeof oumInitializeMap === &#039;function&#039;) {\n            console.log(&#039;\ud83d\uddfa\ufe0f Open User Map: Starting&#039;);\n            \n            \/\/ Initialize the map\n            oumInitializeMap();\n          } else {\n            setTimeout(oumWaitForMainInit, 100);\n          }\n        }\n        \n        setTimeout(oumWaitForMainInit, 100);\n      }\n\n    &lt;\/script&gt;\n\n    &lt;script type=&quot;text\/javascript&quot; id=&quot;oum-inline-js&quot; \n      data-category=&quot;functional&quot; \n      class=&quot;cmplz-native&quot; \n      data-minify=&quot;0&quot;\n      data-no-optimize=&quot;1&quot;\n      data-no-defer=&quot;1&quot;\n      data-no-combine=&quot;1&quot;\n      data-cfasync=&quot;false&quot;\n      data-pagespeed-no-defer\n      data-boot=&quot;1&quot;&gt;\n\n      map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n\n        \/\/ Wait for OUMLoader to be defined\n        function oumLoading() {\n          if (typeof OUMLoader !== &#039;undefined&#039;) {\n            \/\/ Initialize loader for this map\n            OUMLoader.initLoader(map_el);\n\n            \/\/ Add event listener for map initialization complete\n            document.addEventListener(&#039;oum:map_initialized&#039;, function(e) {\n              if (e.detail.mapId === map_el) {\n                OUMLoader.setMapInitialized(map_el);\n              }\n            });\n          } else {\n            \/\/ If OUMLoader is not yet defined, wait and try again\n            setTimeout(oumLoading, 100);\n          }\n        }\n\n        \/\/ OUM Loading Spinner\n        oumLoading();\n\n        \/\/ OUM inline JS variables\n        var mapStyle = &quot;Esri.WorldStreetMap&quot;;\n        var oum_tile_provider_mapbox_key = &quot;pk.eyJ1IjoiMTAwd3VuZGVyIiwiYSI6ImNsbmtxZGpxdDB1c2oybHJ6YTR6NWR0dXYifQ.gAAi57QGX_Dh1Q7ozFh1Xg&quot;;\n        var oum_tile_provider_carto_key = &quot;cb1_28mt_1_add8bb5581edc8e2e0982fc0&quot;;\n        var marker_icon_url = &quot;https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/plugins\\\/open-user-map-pro\\\/src\\\/leaflet\\\/images\\\/marker-icon_default-2x.png&quot;;\n        var marker_shadow_url = &quot;https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/plugins\\\/open-user-map-pro\\\/src\\\/leaflet\\\/images\\\/marker-shadow.png&quot;;\n        var oum_enable_scrollwheel_zoom_map = false;\n        var oum_enable_cluster = true;\n        var oum_enable_fullscreen = true;\n\n        var oum_enable_searchbar = true;\n        var oum_searchbar_type = &quot;live_filter&quot;;\n\n        var oum_geosearch_selected_provider = &quot;&quot;;\n        var oum_geosearch_provider = &quot;here&quot;;\n        var oum_geosearch_provider_geoapify_key = &quot;&quot;;\n        var oum_geosearch_provider_here_key = &quot;ViSl2eu1vcWn_CjyoNg5R3mk7tXgy6XUmUcgclmIwag&quot;;\n        var oum_geosearch_provider_mapbox_key = &quot;&quot;;\n        \n        var oum_enable_searchaddress_button = true;\n        var oum_searchaddress_label = &quot;Search address&quot;;\n\n        var oum_enable_searchmarkers_button = false;\n        var oum_searchmarkers_label = &quot;Search marker (try fish or sand)&quot;;\n        var oum_searchmarkers_zoom = &quot;8&quot;;\n\n        var oum_enable_currentlocation = true;\n        var oum_action_after_submit = &quot;text&quot;;\n        var thankyou_redirect = &quot;&quot;;\n        var start_lat = Number(27.683528083788);\n        var start_lng = Number(-7.734375);\n        var start_zoom = Number(2);\n        \n        var oum_enable_fixed_map_bounds = &quot;&quot;;\n        var oum_use_settings_start_location = true;\n        var oum_has_regions = true;\n        var oum_enable_multiple_marker_types = &quot;true&quot;;\n        var oum_hide_filterbox = false;\n        var oum_hide_location_popup = false;\n        var oum_enable_address = &quot;&quot;;\n        var oum_enable_address_autofill = &quot;&quot;;\n\n        \/\/ WordPress timezone for opening hours calculations\n        var oum_wordpress_timezone = `Europe\/Berlin`;\n\n        \/\/ Custom Image data\n        var oum_custom_image_url = &quot;https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/comic_world.png&quot;;\n        var oum_custom_image_bounds = {&quot;north&quot;:&quot;78.332916&quot;,&quot;south&quot;:&quot;-66.933997&quot;,&quot;east&quot;:&quot;180&quot;,&quot;west&quot;:&quot;-166.515625&quot;};\n        var oum_custom_image_hide_tiles = false;\n        var oum_custom_image_clickable = false;\n        var oum_custom_image_background_color = &quot;#ffffff&quot;;\n\n        var oum_location = {};\n        var oum_custom_css = &#039;&#039;;\n        var oum_custom_script = &#039;&#039;;\n        var oum_max_image_filesize = 10;\n        var oumMap;\n        var oumMap2;\n\n        \/**\n         * Conditional Field Feature\n         * \n         * @param {string} sourceField - The source field selector\n         * @param {string} targetField - The target field selector\n         * @param {array} condShow - The values that should show the target field\n         * @param {array|null} condHide - The values that should hide the target field. If empty\/null\/undefined, the field will be hidden when condShow is not met.\n         *\/\n        var oumConditionalField = (sourceField, targetField, condShow, condHide = null) =&gt; {\n            const sourceElements = document.querySelectorAll(sourceField); \/\/ Select all radios\/checkboxes or single select\n            const targetElementWrapper = document.querySelector(targetField)?.parentElement; \/* works with custom fields only *\/\n\n            \/\/ Check if both sourceElements and targetElementWrapper exist\n            if (!sourceElements.length) {\n                console.warn(`OUM: Source field(s) not found: ${sourceField}`);\n                return;\n            }\n\n            if (!targetElementWrapper) {\n                console.warn(`OUM: Target field wrapper not found: ${targetField}`);\n                return;\n            }\n\n            \/* Event listener for change *\/\n            const onChangeHandler = function() {\n                \/\/ Get selected values for checkboxes and single selected value for radios\/select\n                const selectedValues = Array.from(sourceElements)\n                    .filter(element =&gt; element.checked || element.tagName === &#039;SELECT&#039;)\n                    .map(element =&gt; element.value);\n\n                const selectedValue = selectedValues[0]; \/\/ For radios and selects, we use only the first (and only) value\n\n                console.log(&#039;OUM: run condition&#039;, {selectedValue, sourceField, targetField, condShow, condHide});\n                \n                \/\/ Show or hide target field based on the selected value(s)\n                if (condShow.includes(selectedValue)) {\n                    \/\/ Show the field if condShow condition is met\n                    targetElementWrapper.style.display = &#039;block&#039;;\n                } else if (condHide &amp;&amp; Array.isArray(condHide) &amp;&amp; condHide.length &gt; 0 &amp;&amp; condHide.includes(selectedValue)) {\n                    \/\/ Hide the field if condHide is provided and condition is met\n                    targetElementWrapper.style.display = &#039;none&#039;;\n                } else if (!condHide || (Array.isArray(condHide) &amp;&amp; condHide.length === 0)) {\n                    \/\/ If condHide is empty\/null\/undefined, hide the field when condShow is not met\n                    targetElementWrapper.style.display = &#039;none&#039;;\n                }\n            };\n\n            \/* Attach the event listener to each radio\/checkbox or select *\/\n            sourceElements.forEach(element =&gt; {\n                element.addEventListener(&#039;change&#039;, onChangeHandler);\n            });\n\n            \/* Trigger initially *\/\n            onChangeHandler(); \/\/ Call it directly to set initial state\n        };\n\n        \/**\n         * Add Custom Styles\n         *\/\n        \n                            \/* custom color *\/\n          oum_custom_css += `\n            .open-user-map .add-location #close-add-location-overlay:hover {color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay {background-color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:hover,\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:active {background-color: #d12866 !important}\n            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e82c71 !important}\n            .open-user-map .oum-advanced-filter-button .oum-advanced-filter-content .close-advanced-filter:hover,\n            .open-user-map .oum-advanced-filter-panel .oum-advanced-filter-content .close-advanced-filter:hover {color: #e82c71 !important}\n            .open-user-map input.oum-switch[type=&quot;checkbox&quot;]:checked + label::before {background-color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum-required-indicator {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location h2 {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=text]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=email]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=url]:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location textarea:focus,\n            .open-user-map .add-location .location-overlay-content #oum_add_location select:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e82c71 !important}\n            .open-user-map .oum_location_text a {color: #e82c71 !important}\n            .open-user-map .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .oum-tabs {border-color: #e82c71 !important}\n            .open-user-map .oum-tabs .nav-item:hover {color: #e82c71 !important; border-color: #e82c71 !important}\n            .open-user-map .oum-tabs .nav-item.active {color: #e82c71 !important; border-color: #e82c71 !important}\n            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e82c71 !important;}\n            \/* Submit Button *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit] {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:hover,\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:active {background-color: #d12866 !important;}\n            \/* Message CTA Buttons *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:hover,\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:active {background-color: #d12866 !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e82c71 !important; border-color: #e82c71 !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:hover,\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:active {background-color: #d12866 !important;}\n            \/* Media Section Colors *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-upload .media-upload-top label .multi-upload-indicator {background: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e82c71 !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e82c71 !important; background: #e82c710a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-preview-grid .image-preview-item.dragging {border-color: #e82c71 !important}\n            \/* List Styles *\/\n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text a {color: #e82c71 !important} \n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}`;\n\n        \n        \n        \n          \/* custom map height *\/\n          oum_custom_css += &quot;@media screen and (max-width: 768px) {.open-user-map .box-wrap &gt; .map-wrap {padding: 0 !important; height: 60vh !important; aspect-ratio: unset !important;}}&quot;;\n\n        \n        var custom_style = document.createElement(&#039;style&#039;);\n\n        if (custom_style.styleSheet) {\n          custom_style.styleSheet.cssText = oum_custom_css;\n        } else {\n          custom_style.appendChild(document.createTextNode(oum_custom_css));\n        }\n\n        document.getElementsByTagName(&#039;head&#039;)[0].appendChild(custom_style);\n\n        \/* Add initial CSS to prevent flash of unstyled content *\/\n        var initialStyles = document.createElement(&#039;style&#039;);\n        initialStyles.textContent = `\n          .oum-hidden {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls,\n          .open-add-location-overlay,\n          .map-wrap #oum_filter_markers,\n          .oum-advanced-filter-button,\n          .oum-advanced-filter-panel,\n          .oum-sidebar {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls.visible,\n          .open-add-location-overlay.visible,\n          .map-wrap #oum_filter_markers.visible,\n          .oum-advanced-filter-button.visible,\n          .oum-advanced-filter-panel.visible,\n          .oum-sidebar.visible {\n            opacity: 1;\n            visibility: visible;\n          }\n        `;\n        document.head.appendChild(initialStyles);\n\n      }\n    &lt;\/script&gt;\n\n  &lt;\/div&gt;\n\n&lt;\/div&gt;\n  &lt;\/div&gt;\n\n&lt;\/div&gt;\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F6F6F4\">&#091;<\/span><span style=\"color: #BF9EEE\">open<\/span><span style=\"color: #F286C4\">-<\/span><span style=\"color: #BF9EEE\">user<\/span><span style=\"color: #F286C4\">-<\/span><span style=\"color: #BF9EEE\">map<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">types<\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">seashell-beach<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\">&#093;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"\/\">\u2190 overview<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il s'agit d'une d\u00e9mo pour montrer les avantages du plugin WordPress Open User Map. Dans cet exemple, les emplacements de la carte sont limit\u00e9s \u00e0 une seule cat\u00e9gorie (Seashell Beach). Cette limitation peut \u00eatre d\u00e9finie individuellement dans les param\u00e8tres du bloc ou dans le shortcode. Il est \u00e9galement possible de filtrer des lieux sp\u00e9cifiques. Mode d'emploi \u2190 vue d'ensemble<\/p>","protected":false},"author":50,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"views\/template-custom.blade.php","meta":{"footnotes":""},"class_list":["post-5084","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Demo: Filtered by a category - Open User Map<\/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:\/\/www.open-user-map.com\/fr\/demo-filtered-by-a-category\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demo: Filtered by a category - Open User Map\" \/>\n<meta property=\"og:description\" content=\"This is a demo to show the advantages of the Open User Map WordPress plugin. In this example, the map locations are limited to a single category (Seashell Beach). This can be set individually in the block settings or in the shortcode. Filtering for specific locations is possible as well. How to use \u2190 overview\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.open-user-map.com\/fr\/demo-filtered-by-a-category\/\" \/>\n<meta property=\"og:site_name\" content=\"Open User Map\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-17T20:56:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/demo-filtered-by-a-category\\\/\",\"url\":\"https:\\\/\\\/www.open-user-map.com\\\/demo-filtered-by-a-category\\\/\",\"name\":\"Demo: Filtered by a category - Open User Map\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#website\"},\"datePublished\":\"2023-08-15T20:46:19+00:00\",\"dateModified\":\"2025-02-17T20:56:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/demo-filtered-by-a-category\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.open-user-map.com\\\/demo-filtered-by-a-category\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/demo-filtered-by-a-category\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.open-user-map.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demo: Filtered by a category\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#website\",\"url\":\"https:\\\/\\\/www.open-user-map.com\\\/\",\"name\":\"Open User Map\",\"description\":\"WordPress Map Plugin\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.open-user-map.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#organization\",\"name\":\"Open User Map\",\"url\":\"https:\\\/\\\/www.open-user-map.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/icon-256x256-1.png\",\"contentUrl\":\"https:\\\/\\\/www.open-user-map.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/icon-256x256-1.png\",\"width\":256,\"height\":256,\"caption\":\"Open User Map\"},\"image\":{\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9mo : Filtr\u00e9 par une cat\u00e9gorie - Open User Map","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:\/\/www.open-user-map.com\/fr\/demo-filtered-by-a-category\/","og_locale":"fr_FR","og_type":"article","og_title":"Demo: Filtered by a category - Open User Map","og_description":"This is a demo to show the advantages of the Open User Map WordPress plugin. In this example, the map locations are limited to a single category (Seashell Beach). This can be set individually in the block settings or in the shortcode. Filtering for specific locations is possible as well. How to use \u2190 overview","og_url":"https:\/\/www.open-user-map.com\/fr\/demo-filtered-by-a-category\/","og_site_name":"Open User Map","article_modified_time":"2025-02-17T20:56:18+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.open-user-map.com\/demo-filtered-by-a-category\/","url":"https:\/\/www.open-user-map.com\/demo-filtered-by-a-category\/","name":"D\u00e9mo : Filtr\u00e9 par une cat\u00e9gorie - Open User Map","isPartOf":{"@id":"https:\/\/www.open-user-map.com\/#website"},"datePublished":"2023-08-15T20:46:19+00:00","dateModified":"2025-02-17T20:56:18+00:00","breadcrumb":{"@id":"https:\/\/www.open-user-map.com\/demo-filtered-by-a-category\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.open-user-map.com\/demo-filtered-by-a-category\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.open-user-map.com\/demo-filtered-by-a-category\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.open-user-map.com\/"},{"@type":"ListItem","position":2,"name":"Demo: Filtered by a category"}]},{"@type":"WebSite","@id":"https:\/\/www.open-user-map.com\/#website","url":"https:\/\/www.open-user-map.com\/","name":"Open User Map","description":"Plugin WordPress Map","publisher":{"@id":"https:\/\/www.open-user-map.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.open-user-map.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.open-user-map.com\/#organization","name":"Open User Map","url":"https:\/\/www.open-user-map.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png","contentUrl":"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png","width":256,"height":256,"caption":"Open User Map"},"image":{"@id":"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/pages\/5084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/comments?post=5084"}],"version-history":[{"count":2,"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/pages\/5084\/revisions"}],"predecessor-version":[{"id":5986,"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/pages\/5084\/revisions\/5986"}],"wp:attachment":[{"href":"https:\/\/www.open-user-map.com\/fr\/wp-json\/wp\/v2\/media?parent=5084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}