{"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\" data-e-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\" data-e-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-e-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 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  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-xl-4 col-md-6  col-md-6 position-relative\">\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\n\n                        <div class=\"search-btn\">\n                            <button type=\"submit\"><i class=\"ti ti-current-location\"><\/i><\/button>\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            jQuery(function ($) {\n            'use strict';\n\n            $(document).ready(function () {\n                var isServiceFilterEnabled = true;\n\n                \/\/ Check map container exists\n                if ($('#map').length === 0) {\n                    return;\n                }\n\n                \/\/ Initialize map\n                var map = L.map('map', {\n                    scrollWheelZoom: false,\n                    dragging: !L.Browser.mobile,\n                    tap: false\n                }).setView([\n                    45.862599586824494,\n                    -77.69604917790723                ], 4);\n\n                \/\/ Fix blank\/gray map issue\n                setTimeout(function () {\n                    map.invalidateSize();\n                }, 500);\n\n                \/\/ Tile layer\n                L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n                    maxZoom: 20,\n                    attribution: '&copy; OpenStreetMap contributors'\n                }).addTo(map);\n\n                \/\/ Generate markers safely from PHP\n                var markers = [{\"lat\":44.30668860421709,\"lng\":-92.37776130488739,\"popupText\":\"Hospa  Mayo Clinic\",\"service\":\"surgery, cardiology\",\"facility\":\"diagnostic center\",\"location\":\"hospa  mayo clinic\"},{\"lat\":41.50224256631071,\"lng\":-81.61729611801756,\"popupText\":\"Hospa Cleveland Clinic\",\"service\":\"neurology\",\"facility\":\"medical clinic\",\"location\":\"hospa cleveland clinic\"},{\"lat\":45.862599586824494,\"lng\":-77.69604917790723,\"popupText\":\"Hospa The Center For Refugee Health\",\"service\":\"cardiology\",\"facility\":\"general hospital\",\"location\":\"hospa the center for refugee health\"},{\"lat\":43.146522052294166,\"lng\":-77.63717445640197,\"popupText\":\"Hospa Woodward Health Center\",\"service\":\"cardiology\",\"facility\":\"general hospital\",\"location\":\"hospa woodward health center\"}];\n\n                \/\/ Store marker objects\n                var markerLayers = [];\n\n                \/\/ Add markers to map\n                function addMarkersToMap(filteredMarkers) {\n\n                    \/\/ Remove old markers\n                    markerLayers.forEach(function(marker) {\n                        map.removeLayer(marker);\n                    });\n\n                    markerLayers = [];\n\n                    \/\/ If no markers\n                    if (filteredMarkers.length === 0) {\n                        return;\n                    }\n\n                    \/\/ Bounds\n                    var bounds = [];\n\n                    filteredMarkers.forEach(function(marker) {\n\n                        var markerObj = L.marker([marker.lat, marker.lng])\n                            .addTo(map)\n                            .bindPopup(marker.popupText);\n\n                        markerLayers.push(markerObj);\n\n                        bounds.push([marker.lat, marker.lng]);\n                    });\n\n                    \/\/ Auto fit bounds\n                    if (bounds.length > 1) {\n                        map.fitBounds(bounds, {\n                            padding: [50, 50]\n                        });\n                    } else if (bounds.length === 1) {\n                        map.setView(bounds[0], 12);\n                    }\n                }\n\n                \/\/ Initial markers\n                addMarkersToMap(markers);\n\n                \/\/ Search function\n                function searchBoxes() {\n\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                    var boxesDisplayed = false;\n\n                    $('.box').each(function (index) {\n\n                        var $box = $(this);\n\n                        var boxService = $box.find('.match-service').text().trim().toLowerCase();\n                        var boxFacility = $box.find('.match-facility').text().trim().toLowerCase();\n                        var boxLocation = $box.find('.match-location').text().trim().toLowerCase();\n\n                        \/\/ Multiple services support\n                    var boxServices = boxService.split(',').map(function(item) {\n                        return item.trim();\n                    });\n\n                    var matchService = !isServiceFilterEnabled || service === \"\" || boxServices.includes(service);\n                    var matchFacility = facility === \"\" || boxFacility.includes(facility);\n                    var matchLocation = location === \"\" || boxLocation.includes(location);\n\n                        if (matchService && matchFacility && matchLocation) {\n\n                            $box.show();\n                            boxesDisplayed = true;\n\n                            if (markers[index]) {\n                                filteredMarkers.push(markers[index]);\n                            }\n\n                        } else {\n                            $box.hide();\n                        }\n                    });\n\n                    \/\/ Update map\n                    addMarkersToMap(filteredMarkers);\n\n                    \/\/ Update text\n                    if (!boxesDisplayed) {\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                \/\/ Form submit\n                $('.find-location-search-form').on('submit', function (e) {\n\n                    e.preventDefault();\n\n                    $('.find-location-area .row.justify-content-center').css('opacity', '0.5');\n\n                    setTimeout(function() {\n\n                        $('.find-location-area .row.justify-content-center').css('opacity', '1');\n\n                        searchBoxes();\n\n                    }, 300);\n                });\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}]}}