{"id":15689,"date":"2024-03-28T19:47:45","date_gmt":"2024-03-28T19:47:45","guid":{"rendered":"https:\/\/jasmine-sy.org\/%d8%a7%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a7%d9%84%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9\/"},"modified":"2025-11-18T11:24:40","modified_gmt":"2025-11-18T11:24:40","slug":"interactive-map","status":"publish","type":"page","link":"https:\/\/jasmine-sy.org\/en\/interactive-map\/","title":{"rendered":"Donate now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15689\" class=\"elementor elementor-15689 elementor-15660\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736b7f5 e-flex e-con-boxed e-con e-parent\" data-id=\"736b7f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;curve-asymmetrical&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,0c0,0,0,6,0,6.7c0,18,240.2,93.6,615.2,92.6C989.8,98.5,1000,25,1000,6.7c0-0.7,0-6.7,0-6.7H0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-681297a e-flex e-con-boxed e-con e-child\" data-id=\"681297a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6409a0 elementor-widget elementor-widget-heading\" data-id=\"c6409a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Donate now<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e510b elementor-widget elementor-widget-image\" data-id=\"f7e510b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/jasmine-sy.org\/wp-content\/uploads\/2024\/03\/3444.png\" class=\"attachment-full size-full wp-image-15150\" alt=\"\" srcset=\"https:\/\/jasmine-sy.org\/wp-content\/uploads\/2024\/03\/3444.png 800w, https:\/\/jasmine-sy.org\/wp-content\/uploads\/2024\/03\/3444-300x300.png 300w, https:\/\/jasmine-sy.org\/wp-content\/uploads\/2024\/03\/3444-150x150.png 150w, https:\/\/jasmine-sy.org\/wp-content\/uploads\/2024\/03\/3444-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04f905e e-flex e-con-boxed e-con e-parent\" data-id=\"04f905e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbfc067 e-con-full e-flex e-con e-child\" data-id=\"cbfc067\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd724b elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"1cd724b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n\n<div class=\"open-user-map \">\n\n  \n  \n  <!-- Map Container -->\n  <div class=\"oum-map-container\">\n    \n<div class=\"box-wrap map-size-default \">\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_Custom1\" data-oum-tile-provider-container=\"openstreetmap\"><\/div>\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              <!-- Toggle All Checkbox -->\n                            \n              \n                \n                <label>\n                  <input style=\"accent-color: #e02aaf\" type=\"checkbox\" name=\"type\" value=\"\" checked>\n                  <img decoding=\"async\" alt=\"category icon\" src=\"https:\/\/jasmine-sy.org\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom2-2x.png\">\n                  <span><\/span>\n                <\/label>\n\n              \n                \n                <label>\n                  <input style=\"accent-color: #e02aaf\" type=\"checkbox\" name=\"type\" value=\"\" checked>\n                  <img decoding=\"async\" alt=\"category icon\" src=\"https:\/\/jasmine-sy.org\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom2-2x.png\">\n                  <span><\/span>\n                <\/label>\n\n                          <\/div>\n          <\/div>\n              <\/div>\n    \n    \n    <script type=\"text\/javascript\" id=\"oum-init-map\" data-category=\"functional\" class=\"cmplz-native\" data-oum-tile-provider=\"openstreetmap\">\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 = [];\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 = `Custom1`;\n        var oum_tile_provider_mapbox_key = ``;\n        var marker_icon_url = `https:\/\/jasmine-sy.org\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom2-2x.png`;\n        var marker_shadow_url = `https:\/\/jasmine-sy.org\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-shadow.png`;\n        var oum_enable_scrollwheel_zoom_map = true;\n        var oum_enable_cluster = true;\n        var oum_enable_fullscreen = true;\n\n        var oum_enable_searchbar = false;\n        var oum_searchbar_type = `address`;\n\n        var oum_geosearch_selected_provider = ``; \n        var oum_geosearch_provider = `osm`;\n        var oum_geosearch_provider_geoapify_key = ``;\n        var oum_geosearch_provider_here_key = ``;\n        var oum_geosearch_provider_mapbox_key = ``;\n        \n        var oum_enable_searchaddress_button = false;\n        var oum_searchaddress_label = `Search for address`;\n\n        var oum_enable_searchmarkers_button = false;\n        var oum_searchmarkers_label = `Find marker`;\n        var oum_searchmarkers_zoom = `8`;\n\n        var oum_enable_currentlocation = false;\n        var oum_action_after_submit = `text`;\n        var thankyou_redirect = ``;\n        var start_lat = Number(38.91357421875);\n        var start_lng = Number(34.831841149829);\n        var start_zoom = Number(500);\n        \n        var oum_enable_fixed_map_bounds = `on`;\n        var oum_use_settings_start_location = false;\n        var oum_has_regions = false;\n        var oum_enable_multiple_marker_types = `false`;\n        var oum_hide_filterbox = false;\n        var oum_hide_location_popup = false;\n        var oum_enable_address = `on`;\n        var oum_enable_address_autofill = ``;\n\n        \/\/ WordPress timezone for opening hours calculations\n        var oum_wordpress_timezone = `UTC+0`;\n\n        \/\/ Custom Image data\n        var oum_custom_image_url = ``;\n        var oum_custom_image_bounds = {};\n        var oum_custom_image_hide_tiles = 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: #e02aaf !important}\n            .open-user-map .box-wrap .map-wrap .open-add-location-overlay {background-color: #e02aaf !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: #ca269e !important}\n            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e02aaf !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: #e02aaf !important}\n            .open-user-map input.oum-switch[type=\"checkbox\"]:checked + label::before {background-color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum-required-indicator {color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location h2 {color: #e02aaf !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: #e02aaf !important; box-shadow: 0 0 0 2px #e02aaf1a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e02aaf !important}\n            .open-user-map .oum_location_text a {color: #e02aaf !important}\n            .open-user-map .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e02aaf !important; border-color: #e02aaf !important;}\n            .open-user-map .oum-tabs {border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item:hover {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item.active {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e02aaf !important;}\n            \/* Submit Button *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit] {background-color: #e02aaf !important; border-color: #e02aaf !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: #ca269e !important;}\n            \/* Message CTA Buttons *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e02aaf !important; border-color: #e02aaf !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: #ca269e !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e02aaf !important; border-color: #e02aaf !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: #ca269e !important;}\n            \/* Media Section Colors *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e02aaf !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: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e02aaf !important; box-shadow: 0 0 0 2px #e02aaf1a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e02aaf !important; background: #e02aaf0a !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: #e02aaf !important}\n            \/* List Styles *\/\n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text a {color: #e02aaf !important} \n            .open-user-map-locations-list .oum-locations-list-item .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e02aaf !important; border-color: #e02aaf !important;}`;\n\n        \n        \n        \n          \/* custom map height *\/\n          oum_custom_css += `\n            @media screen and (max-width: 768px) {.open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 300px !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          #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          #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><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donate now<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15689","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/pages\/15689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/comments?post=15689"}],"version-history":[{"count":7,"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/pages\/15689\/revisions"}],"predecessor-version":[{"id":16443,"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/pages\/15689\/revisions\/16443"}],"wp:attachment":[{"href":"https:\/\/jasmine-sy.org\/en\/wp-json\/wp\/v2\/media?parent=15689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}