{"id":775,"date":"2024-04-18T07:37:47","date_gmt":"2024-04-18T07:37:47","guid":{"rendered":"https:\/\/themes.hibootstrap.com\/hospa\/?page_id=775"},"modified":"2025-07-24T08:31:36","modified_gmt":"2025-07-24T08:31:36","slug":"find-a-location","status":"publish","type":"page","link":"https:\/\/themes.hibootstrap.com\/hospa\/find-a-location\/","title":{"rendered":"Find a Location"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"775\" class=\"elementor elementor-775\">\n\t\t\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-c6675dc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c6675dc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd7098b\" data-id=\"fd7098b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcfa79 elementor-widget elementor-widget-HospaLocationCard\" data-id=\"5fcfa79\" data-element_type=\"widget\" data-widget_type=\"HospaLocationCard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"find-location-area ptb-100\">\n            <div class=\"container\">\n                                    <div class=\"section-title\">\n                                                    <span class=\"sub\">\n                                FIND A LOCATION                            <\/span>\n                        \n                                                    <h2>Find Your <b>Nearest<\/b> Location<\/h2>\n                                            <\/div>\n                \n                <form method=\"get\" class=\"find-location-search-form row\">\n                    \n                                            <div class=\"col-xl-4 col-md-6\">\n                            <div class=\"form-group\">\n                                <label>Service<\/label>\n                                <select name=\"service\" class=\"form-select form-control\">\n                                    <option selected value=\"\">Select A Service<\/option>\n\n                                                                            <option value=\"Cardiology\">Cardiology<\/option>\n                                                                            <option value=\"Neurology\">Neurology<\/option>\n                                                                            <option value=\"Surgery\">Surgery<\/option>\n                                                                    <\/select>\n                            <\/div>\n                        <\/div>\n                    \n                                            <div class=\"col-xl-4 col-md-6\">\n                            <div class=\"form-group\">\n                                <label>Facility<\/label>\n                                <select name=\"facility\" class=\"form-select form-control\">\n                                    <option selected value=\"\">Select facility<\/option>\n\n                                                                            <option value=\"General Hospital\">General Hospital<\/option>\n                                                                            <option value=\"Medical Clinic\">Medical Clinic<\/option>\n                                                                            <option value=\"Diagnostic Center\">Diagnostic Center<\/option>\n                                                                    <\/select>\n                            <\/div>\n                        <\/div>\n                    \n                    <div class=\"col-lg-4 col-md-12\">\n                        <div class=\"form-group\">\n                            <label> Location<\/label>\n                            <input type=\"text\" name=\"loc\" class=\"input-search form-control\" value=\"\" placeholder=\"Search location here\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"col-lg-3 col-md-12\">\n                        <div class=\"search-btn\">\n                            <button type=\"submit\"><i class=\"ti ti-current-location\"><\/i><\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n                <div class=\"row justify-content-center\">\n                    <div class=\"col-lg-6 col-md-12\">\n                        <div class=\"find-location-content\">\n                            <span class=\"sub-top\">Currently Available Locations<\/span>\n\n                            <div class=\"location-inner\">\n                                                                        <div class=\"box\">\n                                            <div class=\"lft\">\n                                                                                                    <div class=\"image\">\n                                                        <img decoding=\"async\" src=\"https:\/\/themes.hibootstrap.com\/hospa\/wp-content\/uploads\/2024\/04\/location1.jpg\" alt=\"Image\">\n                                                    <\/div>\n                                                \n                                                <div class=\"title\">\n                                                    <span class=\"sub\">Location<\/span>\n                                                    <h3 class=\"match-location\">\n                                                        Hospa  Mayo Clinic                                                    <\/h3>\n                                                    <p>899 West 12th Avenue, Vancouver<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"rght\">\n                                                <div class=\"icon\">\n                                                    <a href=\"https:\/\/www.google.com\/maps\/\">\n                                                        <i class=\"ti ti-arrow-right\"><\/i>\n                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"d-none\">\n                                                <div class=\"match-service\">Surgery, Cardiology<\/div>\n                                                <div class=\"match-facility\">Diagnostic Center<\/div>\n\n                                                <div class=\"match-service\">Surgery, Cardiology<\/div>\n                                                <div class=\"match-latitude\">44.30668860421709<\/div>\n                                                <div class=\"match-longitude\">-92.37776130488739<\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                        <div class=\"box\">\n                                            <div class=\"lft\">\n                                                                                                    <div class=\"image\">\n                                                        <img decoding=\"async\" src=\"https:\/\/themes.hibootstrap.com\/hospa\/wp-content\/uploads\/2024\/04\/location2.jpg\" alt=\"Image\">\n                                                    <\/div>\n                                                \n                                                <div class=\"title\">\n                                                    <span class=\"sub\">Location<\/span>\n                                                    <h3 class=\"match-location\">\n                                                        Hospa Cleveland Clinic                                                    <\/h3>\n                                                    <p>4500 Oak Street, Vancouver<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"rght\">\n                                                <div class=\"icon\">\n                                                    <a href=\"https:\/\/www.google.com\/maps\/\">\n                                                        <i class=\"ti ti-arrow-right\"><\/i>\n                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"d-none\">\n                                                <div class=\"match-service\">Neurology<\/div>\n                                                <div class=\"match-facility\">Medical Clinic<\/div>\n\n                                                <div class=\"match-service\">Neurology<\/div>\n                                                <div class=\"match-latitude\">41.50224256631071<\/div>\n                                                <div class=\"match-longitude\">-81.61729611801756<\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                        <div class=\"box\">\n                                            <div class=\"lft\">\n                                                                                                    <div class=\"image\">\n                                                        <img decoding=\"async\" src=\"https:\/\/themes.hibootstrap.com\/hospa\/wp-content\/uploads\/2024\/04\/location3.jpg\" alt=\"Image\">\n                                                    <\/div>\n                                                \n                                                <div class=\"title\">\n                                                    <span class=\"sub\">Location<\/span>\n                                                    <h3 class=\"match-location\">\n                                                        Hospa The Center For Refugee Health                                                    <\/h3>\n                                                    <p>231 East 15th Street, North Vancouver<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"rght\">\n                                                <div class=\"icon\">\n                                                    <a href=\"https:\/\/www.google.com\/maps\/\">\n                                                        <i class=\"ti ti-arrow-right\"><\/i>\n                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"d-none\">\n                                                <div class=\"match-service\">Cardiology<\/div>\n                                                <div class=\"match-facility\">General Hospital<\/div>\n\n                                                <div class=\"match-service\">Cardiology<\/div>\n                                                <div class=\"match-latitude\">45.862599586824494<\/div>\n                                                <div class=\"match-longitude\">-77.69604917790723<\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                        <div class=\"box\">\n                                            <div class=\"lft\">\n                                                                                                    <div class=\"image\">\n                                                        <img decoding=\"async\" src=\"https:\/\/themes.hibootstrap.com\/hospa\/wp-content\/uploads\/2024\/04\/location4.jpg\" alt=\"Image\">\n                                                    <\/div>\n                                                \n                                                <div class=\"title\">\n                                                    <span class=\"sub\">Location<\/span>\n                                                    <h3 class=\"match-location\">\n                                                        Hospa Woodward Health Center                                                    <\/h3>\n                                                    <p>899 West 12th Avenue, Vancouver<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"rght\">\n                                                <div class=\"icon\">\n                                                    <a href=\"https:\/\/www.google.com\/maps\/\">\n                                                        <i class=\"ti ti-arrow-right\"><\/i>\n                                                    <\/a>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"d-none\">\n                                                <div class=\"match-service\">Cardiology<\/div>\n                                                <div class=\"match-facility\">General Hospital<\/div>\n\n                                                <div class=\"match-service\">Cardiology<\/div>\n                                                <div class=\"match-latitude\">43.146522052294166<\/div>\n                                                <div class=\"match-longitude\">-77.63717445640197<\/div>\n                                            <\/div>\n                                        <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 col-md-12\">\n                        <div class=\"find-location-map\">\n                            <div id=\"map\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                            <div class=\"find-location-shape\">\n                    <img decoding=\"async\" src=\"https:\/\/themes.hibootstrap.com\/hospa\/wp-content\/uploads\/2024\/04\/shape-5.png\" alt=\"shape\">\n                <\/div>\n                    <\/div>\n\n        <script>\n\n            jQuery(function ($) {\n            'use strict';\n                $(document).ready(function () {\n\n                    function searchBoxes() {\n                        var service = $('[name=\"service\"]').val().trim().toLowerCase();\n                        var facility = $('[name=\"facility\"]').val().trim().toLowerCase();\n                        var location = $('.input-search').val().trim().toLowerCase();\n\n                        \/\/ Count the number of selected fields\n                        var selectedCount = (service !== \"\") + (facility !== \"\") + (location !== \"\");\n\n                        var boxesDisplayed = false; \/\/ Flag to check if any boxes are displayed\n\n                        $('.box').each(function () {\n                            var $box = $(this);\n                            var boxService = $box.find('.match-service').text().trim().toLowerCase();\n                            \/\/ newly added\n                            var boxServices = boxService.split(',').map(function(s) {\n                                return s.trim();\n                            });\n\n                            var boxFacility = $box.find('.match-facility').text().trim().toLowerCase();\n                            var boxLocation = $box.find('.match-location').text().trim().toLowerCase();\n\n                            \/\/ Show all boxes if all fields are empty\n                            if (selectedCount === 0) {\n                                $box.show();\n                                boxesDisplayed = true; \/\/ At least one box is displayed\n                            } else {\n                                \/\/ newly added\n                                var matchService = service === \"\" || boxServices.includes(service.toLowerCase());\n\n                                var matchFacility = facility === \"\" || boxFacility.includes(facility);\n                                var matchLocation = location === \"\" || boxLocation.includes(location);\n\n                                \/\/ Show the box if both service and facility match and input field is blank\n                                if (matchService && matchFacility && matchLocation) {\n                                    $box.show();\n                                    boxesDisplayed = true; \/\/ At least one box is displayed\n                                } else {\n                                    $box.hide();\n                                }\n                            }\n                        });\n\n                        \/\/ If no boxes are displayed, show the text of the desired div\n                        if (!boxesDisplayed) {\n                            var divText = $('.find-location-content .sub-top').text('Not found any locations');\n                        }else{                        \n                            var divText = $('.find-location-content .sub-top').text('Currently Available Locations');\n                        }\n                    }\n\n                    \/\/ Prevent form submission and handle it separately\n                    $('.find-location-search-form').submit(function (e) {\n                        e.preventDefault();\n                        \n                        $('.find-location-area .row.justify-content-center').css('opacity', '0.5');\n                        setTimeout(function() {\n                            $('.find-location-area .row.justify-content-center').css('opacity', '1');\n                            searchBoxes();\n                        }, 1000);\n                    });\n\n                });\n            }(jQuery));\n        <\/script>\n\n        <script>\n            jQuery(function ($) {\n            'use strict';\n                $(document).ready(function () {\n                    \/\/ var map = L.map('map').setView([45.862599586824494, -77.69604917790723], 12); \n\n                    var map = L.map('map').setView([\n                        45.862599586824494,\n                        -77.69604917790723                    ], 4);  \/\/ Replace with your desired initial coordinates and zoom level.\n                    \n                    \n\n                    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n                        maxZoom: 20,\n                    }).addTo(map);\n\n                    var markers = [\n                        { lat: 44.30668860421709, lng: -92.37776130488739, popupText: 'Hospa  Mayo Clinic' },{ lat: 41.50224256631071, lng: -81.61729611801756, popupText: 'Hospa Cleveland Clinic' },{ lat: 45.862599586824494, lng: -77.69604917790723, popupText: 'Hospa The Center For Refugee Health' },{ lat: 43.146522052294166, lng: -77.63717445640197, popupText: 'Hospa Woodward Health Center' },                    ];\n\n                    function addMarkersToMap(filteredMarkers) {\n                        \/\/ Remove all existing markers from the map\n                        map.eachLayer(function(layer) {\n                            if (layer instanceof L.Marker) {\n                                map.removeLayer(layer);\n                            }\n                        });\n\n                        \/\/ Add filtered markers to the map\n                        filteredMarkers.forEach(function(marker) {\n                            L.marker([marker.lat, marker.lng]).addTo(map)\n                                .bindPopup(marker.popupText);\n                        });\n                    }\n\n                    \/\/ Initial display of all markers\n                    addMarkersToMap(markers);\n\n                    function searchBoxes() {\n                        var service = $('[name=\"service\"]').val().trim().toLowerCase();\n                        var facility = $('[name=\"facility\"]').val().trim().toLowerCase();\n                        var location = $('.input-search').val().trim().toLowerCase();\n\n                        var filteredMarkers = [];\n\n                        $('.box').each(function () {\n                            var $box = $(this);\n                            var boxService = $box.find('.match-service').text().trim().toLowerCase();\n                            \/\/ newly added\n                            var boxServices = boxService.split(',').map(function(s) {\n                                return s.trim();\n                            });\n\n\n                            var boxFacility = $box.find('.match-facility').text().trim().toLowerCase();\n                            var boxLocation = $box.find('.match-location').text().trim().toLowerCase();\n                            var boxLatitude = $box.find('.match-latitude').text().trim();\n                            var boxLongitude = $box.find('.match-longitude').text().trim();\n\n                            \/\/ newly added\n                            var matchService = service === \"\" || boxServices.includes(service.toLowerCase());\n\n                            var matchFacility = facility === \"\" || boxFacility.includes(facility);\n                            var matchLocation = location === \"\" || boxLocation.includes(location);\n\n                            if (matchService && matchFacility && matchLocation) {\n                                filteredMarkers.push({\n                                    lat: parseFloat(boxLatitude),\n                                    lng: parseFloat(boxLongitude),\n                                    popupText: boxLocation\n                                });\n                            }\n                        });\n\n                        addMarkersToMap(filteredMarkers);\n\n                        \/\/ Update the text based on the number of markers displayed\n                        if (filteredMarkers.length === 0) {\n                            $('.find-location-content .sub-top').text('Not found any locations');\n                        } else {\n                            $('.find-location-content .sub-top').text('Currently Available Locations');\n                        }\n                    }\n\n                    $('.find-location-search-form').submit(function (e) {\n                        e.preventDefault();\n                        $('.find-location-area .row.justify-content-center').css('opacity', '0.5');\n                        setTimeout(function() {\n                            $('.find-location-area .row.justify-content-center').css('opacity', '1');\n                            searchBoxes();\n                        }, 1000);\n                    });\n                });\n            }(jQuery));\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FIND A LOCATION Find Your Nearest Location Service Select A ServiceCardiologyNeurologySurgery Facility Select facilityGeneral HospitalMedical ClinicDiagnostic Center Location Currently Available Locations Location Hospa Mayo Clinic 899 West 12th Avenue, Vancouver Surgery, Cardiology Diagnostic Center Surgery, Cardiology 44.30668860421709 -92.37776130488739 Location Hospa Cleveland Clinic 4500 Oak Street, Vancouver Neurology Medical Clinic Neurology 41.50224256631071 -81.61729611801756 Location Hospa The <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-775","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/pages\/775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/comments?post=775"}],"version-history":[{"count":19,"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/pages\/775\/revisions"}],"predecessor-version":[{"id":5977,"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/pages\/775\/revisions\/5977"}],"wp:attachment":[{"href":"https:\/\/themes.hibootstrap.com\/hospa\/wp-json\/wp\/v2\/media?parent=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}