{"id":1066,"date":"2026-04-29T16:41:23","date_gmt":"2026-04-29T16:41:23","guid":{"rendered":"https:\/\/mjmsandbox.wpenginepowered.com\/?page_id=1066"},"modified":"2026-04-29T16:41:23","modified_gmt":"2026-04-29T16:41:23","slug":"map","status":"publish","type":"page","link":"https:\/\/museejuifmontreal.ca\/en\/map\/","title":{"rendered":"Map"},"content":{"rendered":"\n<div class=\"map-container is-map-view\">\n    <!-- Search and Toggle Container -->\n    <div id=\"search-toggle-container\" class=\"mjm-map-controls\">\n        <div class=\"search-row\">\n            <label for=\"map-search\" class=\"visually-hidden\">Search map and list<\/label>\n            <input type=\"text\" id=\"map-search\" placeholder=\"Search Map &amp; List...\" aria-describedby=\"search-results-status\">\n        <\/div>\n        <div class=\"filter-row\">\n            <label for=\"filter-mode\" class=\"visually-hidden\">Filter type<\/label>\n            <select id=\"filter-mode\" aria-label=\"Filter type\">\n                <option value=\"all\"  selected='selected'>Filter All (Exhibits &amp; Oral Histories)<\/option>\n                <option value=\"exhibits\" >Filter Exhibits Only<\/option>\n                <option value=\"oral_histories\" >Filter Oral Histories Only<\/option>\n            <\/select>\n            <label class=\"toggle-switch\" id=\"view-toggle-label\">\n                <span class=\"visually-hidden\">Toggle view mode<\/span>\n                <input type=\"checkbox\" id=\"view-toggle\"  checked='checked' role=\"switch\" aria-checked=\"true\" aria-label=\"Toggle map view. Currently showing map.\" aria-controls=\"map exhibit-list map-visible-items\">\n                <span class=\"slider\" aria-hidden=\"true\">\n                    <i class=\"fas fa-map slider-icon\"><\/i>\n                <\/span>\n            <\/label>\n        <\/div>\n        <div class=\"category-filter-row\" style=\"display:none;\">\n            <label for=\"category-filter\" class=\"visually-hidden\">Filter by category<\/label>\n            <select id=\"category-filter\" aria-label=\"Filter by category\">\n                <option value=\"\">All Categories<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"date-filters\">\n            <label for=\"start-year\" class=\"visually-hidden\">Start year filter<\/label>\n            <select id=\"start-year\" aria-label=\"Start Year\">\n                <option value=\"\">Start Year<\/option>\n                                    <option value=\"1760\">1760<\/option>\n                                    <option value=\"1770\">1770<\/option>\n                                    <option value=\"1780\">1780<\/option>\n                                    <option value=\"1790\">1790<\/option>\n                                    <option value=\"1800\">1800<\/option>\n                                    <option value=\"1810\">1810<\/option>\n                                    <option value=\"1820\">1820<\/option>\n                                    <option value=\"1830\">1830<\/option>\n                                    <option value=\"1840\">1840<\/option>\n                                    <option value=\"1850\">1850<\/option>\n                                    <option value=\"1860\">1860<\/option>\n                                    <option value=\"1870\">1870<\/option>\n                                    <option value=\"1880\">1880<\/option>\n                                    <option value=\"1890\">1890<\/option>\n                                    <option value=\"1900\">1900<\/option>\n                                    <option value=\"1910\">1910<\/option>\n                                    <option value=\"1920\">1920<\/option>\n                                    <option value=\"1930\">1930<\/option>\n                                    <option value=\"1940\">1940<\/option>\n                                    <option value=\"1950\">1950<\/option>\n                                    <option value=\"1960\">1960<\/option>\n                                    <option value=\"1970\">1970<\/option>\n                                    <option value=\"1980\">1980<\/option>\n                                    <option value=\"1990\">1990<\/option>\n                                    <option value=\"2000\">2000<\/option>\n                                    <option value=\"2010\">2010<\/option>\n                                    <option value=\"2020\">2020<\/option>\n                            <\/select>\n            <span class=\"date-separator\" aria-hidden=\"true\">-<\/span>\n            <label for=\"end-year\" class=\"visually-hidden\">End year filter<\/label>\n            <select id=\"end-year\" aria-label=\"End Year\">\n                <option value=\"\">End Year<\/option>\n                                    <option value=\"1760\">1760<\/option>\n                                    <option value=\"1770\">1770<\/option>\n                                    <option value=\"1780\">1780<\/option>\n                                    <option value=\"1790\">1790<\/option>\n                                    <option value=\"1800\">1800<\/option>\n                                    <option value=\"1810\">1810<\/option>\n                                    <option value=\"1820\">1820<\/option>\n                                    <option value=\"1830\">1830<\/option>\n                                    <option value=\"1840\">1840<\/option>\n                                    <option value=\"1850\">1850<\/option>\n                                    <option value=\"1860\">1860<\/option>\n                                    <option value=\"1870\">1870<\/option>\n                                    <option value=\"1880\">1880<\/option>\n                                    <option value=\"1890\">1890<\/option>\n                                    <option value=\"1900\">1900<\/option>\n                                    <option value=\"1910\">1910<\/option>\n                                    <option value=\"1920\">1920<\/option>\n                                    <option value=\"1930\">1930<\/option>\n                                    <option value=\"1940\">1940<\/option>\n                                    <option value=\"1950\">1950<\/option>\n                                    <option value=\"1960\">1960<\/option>\n                                    <option value=\"1970\">1970<\/option>\n                                    <option value=\"1980\">1980<\/option>\n                                    <option value=\"1990\">1990<\/option>\n                                    <option value=\"2000\">2000<\/option>\n                                    <option value=\"2010\">2010<\/option>\n                                    <option value=\"2020\">2020<\/option>\n                            <\/select>\n        <\/div>\n        <div class=\"zoom-controls\" role=\"group\" aria-label=\"Map zoom controls\">\n            <button type=\"button\" id=\"zoom-in\" class=\"zoom-btn\" aria-label=\"Zoom in\">\n                <span class=\"zoom-btn-label\">Zoom<\/span><span class=\"zoom-btn-symbol\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <button type=\"button\" id=\"zoom-out\" class=\"zoom-btn\" aria-label=\"Zoom out\">\n                <span class=\"zoom-btn-label\">Zoom<\/span><span class=\"zoom-btn-symbol\" aria-hidden=\"true\">\u2212<\/span>\n            <\/button>\n        <\/div>\n        <div class=\"map-a11y-controls\">\n            <button\n                type=\"button\"\n                id=\"map-accessibility-toggle\"\n                class=\"map-a11y-toggle\"\n                aria-controls=\"map-visible-items\"\n                aria-expanded=\"false\"\n                aria-describedby=\"map-keyboard-help\"\n                            >\n                Show accessible map items            <\/button>\n        <\/div>\n        <div id=\"search-results-status\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n        <div id=\"map-keyboard-help\" class=\"visually-hidden\">Use the visible map items list to browse markers with a keyboard.<\/div>\n        <div id=\"map-visible-items-status\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n    <\/div>\n    <!-- Map and List Containers -->\n    <div id=\"map\" role=\"region\" aria-label=\"Interactive map of exhibits and oral histories\" aria-describedby=\"map-keyboard-help\" aria-hidden=\"false\"  tabindex=\"-1\"><\/div>\n    <!-- Exhibit Drawer Panel -->\n    <aside id=\"mjm-exhibit-drawer\" class=\"mjm-oral-history-drawer\"\n           role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mjm-exhibit-drawer-title\" aria-hidden=\"true\" tabindex=\"-1\">\n        <div class=\"mjm-drawer-top-actions\">\n            <a class=\"mjm-drawer-open-oral-history\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"\n               aria-label=\"Open exhibit in a new tab\"\n               title=\"Open in a new tab\">\n                <i class=\"fas fa-external-link-alt\" aria-hidden=\"true\"><\/i>\n            <\/a>\n            <button class=\"mjm-drawer-close\" aria-label=\"Close exhibit panel\">&times;<\/button>\n        <\/div>\n        <div class=\"mjm-drawer-scroll\">\n            <div class=\"mjm-drawer-hero\">\n                <div class=\"mjm-drawer-carousel\" style=\"display:none;\" role=\"region\" aria-roledescription=\"carousel\">\n                    <div class=\"mjm-drawer-carousel-container\" aria-live=\"polite\"><\/div>\n                    <button class=\"mjm-drawer-carousel-prev\" aria-label=\"Previous image\">\n                        <img decoding=\"async\" src=\"https:\/\/museejuifmontreal.ca\/wp-content\/plugins\/mjm-map\/assets\/images\/Arrow_Left.svg\" class=\"mjm-drawer-arrow-icon\" alt=\"\" aria-hidden=\"true\">\n                    <\/button>\n                    <button class=\"mjm-drawer-carousel-next\" aria-label=\"Next image\">\n                        <img decoding=\"async\" src=\"https:\/\/museejuifmontreal.ca\/wp-content\/plugins\/mjm-map\/assets\/images\/Arrow_Right.svg\" class=\"mjm-drawer-arrow-icon\" alt=\"\" aria-hidden=\"true\">\n                    <\/button>\n                    <div class=\"mjm-drawer-carousel-indicators\" aria-live=\"polite\">\n                        <span class=\"mjm-drawer-carousel-current\">1<\/span> \/ <span class=\"mjm-drawer-carousel-total\">1<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"mjm-drawer-hero-placeholder\" style=\"display:none;\">\n                    <i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"><\/i>\n                <\/div>\n                <div class=\"mjm-drawer-hero-overlay\">\n                    <h2 class=\"mjm-drawer-title\" id=\"mjm-exhibit-drawer-title\"><\/h2>\n                    <p class=\"mjm-drawer-address\"><\/p>\n                <\/div>\n            <\/div>\n            <section class=\"mjm-drawer-description\"><\/section>\n        <\/div>\n    <\/aside>\n    <!-- Oral History Drawer Panel -->\n    <aside id=\"mjm-oral-history-drawer\" class=\"mjm-oral-history-drawer\"\n           role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mjm-drawer-title\" aria-hidden=\"true\" tabindex=\"-1\">\n        <div class=\"mjm-drawer-swipe-handle\" aria-hidden=\"true\"><\/div>\n        <div class=\"mjm-drawer-top-actions\">\n            <a class=\"mjm-drawer-open-oral-history\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open full oral history page (opens in a new tab)\" title=\"Open full oral history in a new tab\">\n                <i class=\"fas fa-external-link-alt\" aria-hidden=\"true\"><\/i>\n            <\/a>\n            <button class=\"mjm-drawer-close\" aria-label=\"Close oral history panel\">&times;<\/button>\n        <\/div>\n        <div class=\"mjm-drawer-scroll\">\n            <div class=\"mjm-drawer-hero\">\n                <div class=\"mjm-drawer-carousel\" style=\"display:none;\" role=\"region\" aria-label=\"Image gallery\" aria-roledescription=\"carousel\">\n                    <div class=\"mjm-drawer-carousel-container\" aria-live=\"polite\"><\/div>\n                    <button class=\"mjm-drawer-carousel-prev\" aria-label=\"Previous image\">\n                        <img decoding=\"async\" src=\"https:\/\/museejuifmontreal.ca\/wp-content\/plugins\/mjm-map\/assets\/images\/Arrow_Left.svg\" class=\"mjm-drawer-arrow-icon\" alt=\"\" aria-hidden=\"true\">\n                    <\/button>\n                    <button class=\"mjm-drawer-carousel-next\" aria-label=\"Next image\">\n                        <img decoding=\"async\" src=\"https:\/\/museejuifmontreal.ca\/wp-content\/plugins\/mjm-map\/assets\/images\/Arrow_Right.svg\" class=\"mjm-drawer-arrow-icon\" alt=\"\" aria-hidden=\"true\">\n                    <\/button>\n                    <div class=\"mjm-drawer-carousel-indicators\" aria-live=\"polite\">\n                        <span class=\"mjm-drawer-carousel-current\">1<\/span> \/ <span class=\"mjm-drawer-carousel-total\">1<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"mjm-drawer-hero-placeholder\" style=\"display:none;\">\n                    <i class=\"fas fa-book-open\" aria-hidden=\"true\"><\/i>\n                <\/div>\n                <div class=\"mjm-drawer-hero-overlay\">\n                    <h2 class=\"mjm-drawer-title\" id=\"mjm-drawer-title\"><\/h2>\n                    <p class=\"mjm-drawer-address\"><\/p>\n                <\/div>\n            <\/div>\n            <div class=\"mjm-drawer-audio-bar\"><\/div>\n            <section class=\"mjm-drawer-description\"><\/section>\n            <section class=\"mjm-drawer-videos\"><\/section>\n            <section class=\"mjm-drawer-related\"><\/section>\n        <\/div>\n    <\/aside>\n    <section id=\"map-visible-items\" class=\"map-visible-items mjm-map-accessible-panel\" role=\"region\" aria-label=\"Visible map items\" aria-describedby=\"map-visible-items-help\" >\n        <h3 class=\"map-visible-items-title\">Visible map items<\/h3>\n        <p id=\"map-visible-items-help\" class=\"map-visible-items-help\">Use this keyboard-accessible list to open items currently visible on the map.<\/p>\n        <ul id=\"map-visible-items-list\" class=\"map-visible-items-list\">\n            <li class=\"map-visible-items-empty\">Move the map to load visible items.<\/li>\n        <\/ul>\n    <\/section>\n    <div id=\"exhibit-list\" style=\"display: none;\" aria-hidden=\"true\" inert tabindex=\"-1\">\n        <p>No items found.<\/p>\n    <\/div>\n<\/div>\n\n<script>\n    window.mjmExhibits = [];\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1066","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/pages\/1066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":0,"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/pages\/1066\/revisions"}],"wp:attachment":[{"href":"https:\/\/museejuifmontreal.ca\/en\/wp-json\/wp\/v2\/media?parent=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}