{"id":266,"date":"2022-09-05T00:51:05","date_gmt":"2022-09-05T00:51:05","guid":{"rendered":"https:\/\/templates.homherodev.com\/burleigh\/?page_id=266"},"modified":"2025-04-22T05:36:19","modified_gmt":"2025-04-22T05:36:19","slug":"search-by-map","status":"publish","type":"page","link":"https:\/\/templates.homherodev.com\/burleigh\/search-by-map\/","title":{"rendered":"Search by Map"},"content":{"rendered":"<script id=\"listing-grid-template\" type=\"text\/x-handlebars-template\">\r\n<div class=\"col-12 listing-wrapper map-search mb-4 {{#if bookable}}bookable{{else}}notBookable{{\/if}}\">\r\n    <div class=\"productListing hh-border-radius hh-box-shadow card h-100\">\r\n        <div class=\"row g-0\">\r\n            <div class=\"col-sm-4 col-lg-12 col-xl-12 col-xxl-4\">\r\n                <div class=\"card-img-top h-100\">\r\n                {{#if gallery}}\r\n                    <div id=\"listingImage-{{{homhero_id}}}\" class=\"h-100 carousel slide carousel-fade\" data-bs-ride=\"carousel\">\r\n                        <div class=\"carousel-inner\">\r\n                            {{#each gallery}}\r\n                                <div class=\"carousel-item h-100 {{#if @first}}active{{\/if}}\">\r\n                                    <div class=\"carousel-image-height\" style=\"background-image:url({{this.sizes.blog-thumb}})\"><\/div>\r\n                                <\/div>\r\n                            {{\/each}}\r\n                        <\/div>\r\n                        <a class=\"carousel-overlay d-block\" href=\"{{homhero_url}}\"><\/a>\r\n                        <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#listingImage-{{{homhero_id}}}\" data-bs-slide=\"prev\">\r\n                            <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\r\n                            <span class=\"visually-hidden\">Previous<\/span>\r\n                        <\/button>\r\n                        <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#listingImage-{{{homhero_id}}}\" data-bs-slide=\"next\">\r\n                            <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\r\n                            <span class=\"visually-hidden\">Next<\/span>\r\n                        <\/button>\r\n                        <div class=\"shortlist-container {{shortlisted_class}}\" data-post-id=\"{{homhero_id}}\" data-post-title=\"{{title}}\" data-post-price=\"{{#if full_price}} {{full_price}} {{else}} {{from_price}} {{\/if}}\" data-post-slug=\"{{shortlisted_comparison}}\">\r\n                                <i class=\"fa fa-heart _heartFunction\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                {{else}}\r\n                    <img decoding=\"async\" src=\"\/\/placehold.it\/356x233\" alt=\"placeholder\"\/>\r\n                {{\/if}}\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-sm-8 col-lg-12 col-xl-12 col-xxl-8\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"d-flex justify-content-between align-items-start\">\r\n                        <div class=\"listingText\">\r\n                            <h3 class=\"listingTitle\">        \r\n                                <a href=\"{{homhero_url}}\">{{{title}}}<\/a>\r\n                            <\/h3>\r\n                            {{#if suburb}}\r\n                                <div class=\"suburb\"><h4 class=\"listingSuburb\"><i class=\"fas fa-map-marker-alt\"><\/i> {{suburb}}<\/h4><\/div>\r\n                            {{\/if}}\r\n                       <\/div>\r\n                       {{#if review_rating.no_of_reviews}}   \r\n                       <div class=\"reviews\">\r\n                               <span class=\"stars\">{{{review_rating.review_stars}}}<\/span> <span class=\"no_of_reviews\">{{review_rating.no_of_reviews}} reviews<\/span>\r\n                       <\/div>\r\n                       {{\/if}}\r\n                    <\/div>\r\n                    <div class=\"stats d-flex justify-content-between flex-wrap flex-lg-nowrap\">\r\n                        <div class=\"count d-flex align-items-center flex-grow-1 my-1 my-lg-0\">\r\n                            <div class=\"d-flex justify-content-start flex-wrap flex-grow-1 pe-lg-2\">\r\n                                <div class=\"ps-0 pe-3\">\r\n                                    <div class=\"fieldSleeps propField\">\r\n                                        Sleeps {{sleeps}}\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"ps-0 pe-3\">\r\n                                    <div class=\"fieldBedrooms propField\">\r\n                                            {{bedrooms}} Bedrooms\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"ps-0 pe-3\">\r\n                                    <div class=\"fieldBathrooms propField\">\r\n                                             {{bathrooms}} Bathrooms\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{#if wifi}}\r\n                                <div class=\"ps-0 pe-3\">\r\n                                    <div class=\"fieldWifi propField\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{\/if}}\r\n                                {{#if pets}}\r\n                                <div class=\"ps-0 pe-3\">\r\n                                    <div class=\"fieldPetFriendly propField\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{\/if}}\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-footer\">\r\n                    <div class=\"d-flex justify-content-between align-items-center\">\r\n                        <div class=\"listingPrice flex-grow-1 flex-lg-grow-0 my-1 my-lg-0\" data-value=\"{{raw_price}}{{raw_price}}\"> \r\n                            {{#if bookable}}\r\n                                {{#if full_price_formatted}}\r\n                                    {{full_price_formatted}} total\r\n                                {{else}}\r\n                                    <span class=\"shrink\">from<\/span> {{price}} <span class=\"shrink\">{{#if from_price_weekly}}\/week{{else}}\/night{{\/if}}<\/span>\r\n                                {{\/if}}\r\n                            {{else}}\r\n                                {{#if message}}\r\n                                    {{message}}\r\n                                {{else}}\r\n                                    Unavailable\r\n                                {{\/if}}\r\n                            {{\/if}}\r\n                        <\/div>\r\n                        <div class=\"link flex-grow-1 flex-lg-grow-0 my-1 my-lg-0\">\r\n                            <a class=\"btn btn-primary bntAlt d-block py-1 px-4\" href=\"{{homhero_url}}\">View Listing<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>        \r\n    <\/div>\r\n<\/div>\r\n<\/script>\r\n<script id=\"listing-map-template\" type=\"text\/x-handlebars-template\">\r\n    <div class=\"marker\" data-lat=\"{{lat}}\" data-lng=\"{{lng}}\" data-cost=\"{{#if full_price_formatted}}{{full_price_formatted}}{{else}}{{price}} {{#if from_price_weekly}}p\/w{{else}}p\/n{{\/if}}{{\/if}}\"\r\n    data-map=\"map\" data-color=\"{{markerColour}}\"  data-cats=\"\" data-title=\"{{{title}}}\">\r\n        <div class=\"lat-long-row\" data-lat=\"{{lat}}\" data-long=\"{{{lng}}}\">\r\n            <div class=\"popup infobubble\">\r\n                <div class=\"accomm-photos\">\r\n                    <a href=\"{{map_link}}\">\r\n                    <img decoding=\"async\" class=\"listingImage\" typeof=\"foaf:Image\" data-src=\"{{map_img}}\" src=\"\"  alt=\"{{title}}\" \/>\r\n                    <\/a>\r\n                    {{#if suburb}}\r\n                        <div class=\"suburb\">{{suburb}}<\/div>\r\n                    {{\/if}}\r\n                <\/div>\r\n                    \r\n                <div class=\"infowindow-body\">\r\n                    <div class=\"listingText\">\r\n                            <h3 class=\"listingTitle\">        \r\n                                <a href=\"{{homhero_url}}\">{{{title}}}<\/a>\r\n                            <\/h3>  \r\n                    <\/div>\r\n                    {{#if review_rating.no_of_reviews}}   \r\n                    <div class=\"reviews\">\r\n                            <span class=\"stars\">{{{review_rating.review_stars}}}<\/span> <span class=\"no_of_reviews\">{{review_rating.no_of_reviews}} reviews<\/span>\r\n                    <\/div>\r\n                    {{\/if}}\r\n                    <div class=\"stats d-flex justify-content-between flex-wrap flex-lg-nowrap\">\r\n                        <div class=\"count d-flex align-items-center flex-grow-1 my-1 my-lg-0\">\r\n                            <div class=\"d-flex justify-content-start flex-grow-1 pe-lg-2 flex-wrap\">\r\n                                <div class=\"ps-0 pe-2  mb-1\">\r\n                                    <div class=\"fieldSleeps propField\">\r\n                                        Sleeps {{sleeps}}\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"ps-0 pe-2  mb-1\">\r\n                                    <div class=\"fieldBedrooms propField\">\r\n                                            {{bedrooms}} Bedrooms\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"ps-0 pe-2  mb-1\">\r\n                                    <div class=\"fieldBathrooms propField\">\r\n                                             {{bathrooms}} Bathrooms\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{#if wifi}}\r\n                                <div class=\"ps-0 pe-2  mb-1\">\r\n                                    <div class=\"fieldWifi propField\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{\/if}}\r\n                                {{#if pets}}\r\n                                <div class=\"ps-0 pe-2  mb-1\">\r\n                                    <div class=\"fieldPetFriendly propField\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                {{\/if}}\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"infowindow-footer\">\r\n                    <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\r\n                        <div class=\"listingPrice flex-grow-1 flex-lg-grow-0 my-1 my-lg-0 pe-2\" data-value=\"{{raw_price}}{{raw_price}}\"> \r\n                            {{#if bookable}}\r\n                                {{#if full_price_formatted}}\r\n                                    {{full_price_formatted}} total\r\n                                {{else}}\r\n                                    <span class=\"shrink\">from<\/span> {{price}} <span class=\"shrink\">{{#if from_price_weekly}}\/week{{else}}\/night{{\/if}}<\/span>\r\n                                {{\/if}}\r\n                            {{else}}\r\n                                {{#if message}}\r\n                                    {{message}}\r\n                                {{else}}\r\n                                    Unavailable\r\n                                {{\/if}}\r\n                            {{\/if}}\r\n                        <\/div>\r\n                        <div class=\"link flex-grow-1 flex-lg-grow-0 my-1 my-lg-0\">\r\n                            <a class=\"btn btn-primary bntAlt d-block py-1 px-4\" href=\"{{homhero_url}}\">View Listing<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    \r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/script>\r\n<style>\r\n    .map-search {\r\n       width:100%;\r\n       max-width:unset !important;\r\n    }\r\n    \r\n    .map-search #searchResults .listing-wrapper:last-child {\r\n        margin-bottom: 0 !important;\r\n    }\r\n    \r\n    .sticky-map {\r\n        position:relative;\r\n        height: 100%;\r\n    }\r\n    \r\n    .sticky-map > div {\r\n        position:sticky;\r\n        top:100px;\r\n    }\r\n    \r\n    .sticky-map > #map-display > .mapsearch-toggle {\r\n        position:absolute;\r\n        top:20px;\r\n        left:50%;\r\n        transform:translateX(-50%);\r\n        z-index:100;\r\n    }\r\n<\/style>\r\n<div id=\"map-search\" class=\"map-search\">\r\n    <div class=\"d-block d-lg-flex justify-content-between flex-md-row-reverse\">\r\n        <div class=\"map-holder\">\r\n                        <div class=\"sticky-map\">\r\n                <div id=\"map-display\">\r\n                    <div class=\"mapsearch-toggle\"><label><input type=\"checkbox\" name=\"mapsearch\" value=\"mapsearch\" checked>Search by Map Position<\/label><\/div>\r\n                    <div id='map_canvas' class=\"homhero-map-search gmap-control search-map gmap-gmap gmap gmap-map gmap-auto1map-gmap\" style=\"width: 100%;\">\r\n                        <noscript>Javascript is required to view this map.<\/noscript>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"results-holder\">\r\n            <div id=\"searchResults\" class=\"searchResultsNo\" data-pets-features=\"Pet Friendly,Pets Welcome,Pets Allowed,Pets Negotiable\" data-wifi-features=\"Wifi,Wi fi,Free Wifi,Free Wi fi,WIFI\">\r\n                <div class=\"row content\">\r\n                    <div id=\"homhero-loader\"  class=\"d-flex justify-content-center flex-column text-center w-100 align-items-center\">\r\n                        <div class=\"spinner-border\"><\/div>\r\n                        <div class=\"mt-2\">Loading&#8230;<\/div>\r\n                    <\/div>       \r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pagination-container\"><\/div>  \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"map_canvas_markers\" style=\"display:none;\"><\/div>\r\n<script>\r\n   const hh_new_tab = 1;\r\n<\/script>  \r\n\r\n\r\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","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-266","page","type-page","status-publish","hentry","entry"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":4,"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/pages\/266\/revisions"}],"predecessor-version":[{"id":1065,"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/pages\/266\/revisions\/1065"}],"wp:attachment":[{"href":"https:\/\/templates.homherodev.com\/burleigh\/wp-json\/wp\/v2\/media?parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}