{"id":158,"date":"2021-09-23T06:54:52","date_gmt":"2021-09-23T06:54:52","guid":{"rendered":"https:\/\/template4.homherodev.com\/?page_id=158"},"modified":"2022-08-23T06:28:18","modified_gmt":"2022-08-23T06:28:18","slug":"map","status":"publish","type":"page","link":"https:\/\/holidays.bargararealestate.com.au\/map\/","title":{"rendered":"Map"},"content":{"rendered":"\r\n<script id=\"listing-map-template\" type=\"text\/x-handlebars-template\">\r\n    <div class=\"marker\" data-lat=\"{{location.lat}}\" data-lng=\"{{location.lng}}\" data-cost=\"{{#if full_price_formatted}}{{full_price_formatted}}{{else}}{{#if new_from_price}}{{new_from_price}}{{else}}{{price}}{{\/if}}{{\/if}}\"\r\n    data-map=\"map\" data-color=\"{{markerColour}}\"  data-cats=\"\" data-title=\"{{{title}}}\">\r\n        <div class=\"lat-long-row\" data-lat=\"{{location.lat}}\" data-long=\"{{{location.lng}}}\">\r\n            <div class=\"popup infobubble\">\r\n                <div class=\"accomm-photos\">\r\n                    <a href=\"{{map_link}}\">\r\n                    {{#if gallery}}\r\n                    {{#each gallery}}\r\n                    {{#if @first}}\r\n                    <img decoding=\"async\" class=\"listingImage\" typeof=\"foaf:Image\" data-src=\"{{this.sizes.blog-thumb}}\" src=\"\"  alt=\"{{title}}\" \/>\r\n                    {{\/if}}\r\n                    {{\/each}}\r\n                    {{\/if}}\r\n                    <\/a>\r\n                    <div class=\"accommodation-map-overlay\">\r\n                        <div class=\"from-price\">\r\n                            {{#if bookable}}\r\n                                {{#if full_price_formatted}}\r\n                                    {{full_price_formatted}}\r\n                                {{else}}\r\n                                    {{#if new_from_price}}\r\n                                        {{new_from_price}}\r\n                                    {{else}}\r\n                                        <span> <small>From<\/small> {{price}}<\/span> <br\/> per night\r\n                                    {{\/if}}\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=\"overlay-title\">\r\n                            {{title}}\r\n                        <\/div>\r\n                        <div class=\"bedding-config\">\r\n                            {{sleeps}} <i class=\"fa fa-user\"><\/i>\r\n                            {{bathrooms}} <i class=\"fa fa-bath\"><\/i>\r\n                            {{bedrooms}} <i class=\"fa fa-bed\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/script>\r\n\r\n    <div id='map_canvas' class=\"homhero-map gmap-control search-map gmap-gmap gmap gmap-map gmap-auto1map-gmap\" style=\"height: 87vh; width: 100%;\">\r\n\r\n        <noscript>Javascript is required to view this map.<\/noscript>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"map_canvas_markers\" style=\"display:none;\"><\/div>\r\n    \r\n    <script class=\"google-maps-js\">\r\nlet test;\r\nlet map;\r\nlet global_markers = [];\r\nlet markerClusterer;\r\nvar global_infowindows = [];\r\n\r\njQuery.fn.googleMap = function (options) {\r\n    var _this = this;\r\n\r\n    var settings = jQuery.extend(\r\n            {},\r\n            {\r\n                zoom: 30,\r\n                center: new google.maps.LatLng(0, 0),\r\n                mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            },\r\n            options\r\n            );\r\n\r\n    this.initialize = function () {\r\n        var mapOptions = {\r\n            zoom: settings.zoom,\r\n            center: settings.center,\r\n            mapTypeId: settings.mapTypeId,\r\n        };\r\n\r\n        if (!_this.data('map')) {\r\n            var map = new google.maps.Map(_this.get(0), mapOptions);\r\n            _this.data('map', map);\r\n\r\n            google.maps.event.addListener(map, 'zoom_changed', function () {\r\n                setCustomMarkerColor();\r\n            });\r\n        }\r\n        \/\/ do anything with your map object here,\r\n        \/\/ eg: centering map, adding markers' events\r\n\r\n        return _this;\r\n    };\r\n\r\n    this.renderMap = function () {\r\n        \/\/ var\r\n        var $markers = jQuery('#map_canvas_markers').find('.marker');\r\n        map = _this.data('map');\r\n        \r\n        google.maps.event.addListenerOnce(map, 'tilesloaded', function () {\r\n            setCustomMarkerColor();\r\n        });\r\n        \r\n        _this.deleteMarkers();\r\n        \/\/ add markers\r\n        $markers.each(function () {\r\n            _this.add_marker(jQuery(this));\r\n        });\r\n        \/\/ map clustering\r\n        console.log(typeof markerClusterer);\r\n        if (typeof markerClusterer == 'undefined'){\r\n            markerClusterer = new MarkerClusterer(map, global_markers, {\r\n                imagePath: \"https:\/\/developers.google.com\/maps\/documentation\/javascript\/examples\/markerclusterer\/m\",            });\r\n        } else {\r\n            markerClusterer.clearMarkers();\r\n            markerClusterer.addMarkers(global_markers);\r\n        }\r\n\r\n        \/\/ center map\r\n        _this.center_map();\r\n        \/\/ Toggles between infowindows\r\n        for (var i = 0; i < global_markers.length; i++) {\r\n            \/\/ Keep value of 'i' in event creation\r\n            (function (i) {\r\n                google.maps.event.addListener(global_markers[i], 'click', function () {\r\n                    _this.closeInfowindows();\r\n                    global_infowindows[i].open(map, global_markers[i]);\r\n                });\r\n            })(i);\r\n        }\r\n        \/\/ return\r\n        return _this;\r\n    };\r\n\r\n    this.add_marker = function ($marker) {\r\n        \/\/ var\r\n        map = _this.data('map');\r\n        var latlng = new google.maps.LatLng($marker.attr('data-lat'), $marker.attr('data-lng'));\r\n\r\n        let marker = new google.maps.Marker({\r\n            position: latlng,\r\n            category: $marker.attr('data-cats'),\r\n            default: $marker.attr('data-default'),\r\n            map: map,\r\n                        \r\n            optimized: false,\r\n        });\r\n\r\n        \/\/ add to array\r\n        global_markers.push(marker);\r\n        console.log('Add Marker');\r\n\r\n        \/\/ if marker contains HTML, add it to an infoWindow\r\n\r\n        if ($marker.html()) {\r\n            \/\/ create info window\r\n            var infowindow = new google.maps.InfoWindow({\r\n                content: $marker.html(),\r\n            });\r\n\r\n            global_infowindows.push(infowindow);\r\n            \/\/ show info window when marker is clicked\r\n            google.maps.event.addListener(marker, 'click', function () {\r\n                infowindow.open(map, marker);\r\n                setTimeout(function () {\r\n                    $newImage = jQuery('.listingImage').attr('data-src');\r\n                    jQuery('.listingImage').attr('src', $newImage);\r\n                }, 50);\r\n            });\r\n        }\r\n    };\r\n\r\n    this.center_map = function () {\r\n        \/\/ vars\r\n        map = _this.data('map');\r\n        var bounds = new google.maps.LatLngBounds();\r\n        \/\/ loop through all markers and create bounds\r\n        jQuery.each(global_markers, function (i, marker) {\r\n            var latlng = new google.maps.LatLng(marker.position.lat(), marker.position.lng());\r\n            zoom = 16;\r\n            if (global_markers.length == 1 && marker.default == 'yes') {\r\n                zoom = 15;\r\n                var circle = new google.maps.Circle({\r\n                    map: map,\r\n                    radius: 8000, \/\/ 5 miles in metres\r\n                    strokeOpacity: 0,\r\n                    strokeWeight: 0,\r\n                    fillOpacity: 0,\r\n                });\r\n                circle.bindTo('center', marker, 'position');\r\n                marker.setVisible(false);\r\n            }\r\n            bounds.extend(latlng);\r\n        });\r\n        \/\/ only 1 marker?\r\n        if (global_markers.length == 1) {\r\n            \/\/ set center of map\r\n            map.setCenter(bounds.getCenter());\r\n            map.setZoom(zoom);\r\n        } else {\r\n            \/\/ fit to bounds\r\n            map.fitBounds(bounds);\r\n        }\r\n    };\r\n\r\n    this.closeInfowindows = function () {\r\n        for (var x = 0; x < global_infowindows.length; x++) {\r\n            global_infowindows[x].close();\r\n        }\r\n    };\r\n\r\n    this.deleteMarkers = function() {\r\n        console.log('Delete Markers');\r\n        for (i = 0; i < global_markers.length; i++) {\r\n            let marker = global_markers[i];\r\n            marker.setVisible(false);\r\n            marker.setMap(null);\r\n        }\r\n\/\/        markerClusterer.clearMarkers(); \r\n        global_markers = [];\r\n    };\r\n\r\n    return this;\r\n};\r\n\r\n(function ($) {\r\n    \/**\r\n     * Function to filter markers by category\r\n     *\/\r\n    filterMarkers = function (category) {};\r\n    \/*\r\n     *  document ready\r\n     *\r\n     *  This function will render each map when the document is ready (page has loaded)\r\n     *\r\n     *  @type\tfunction\r\n     *  @date\t8\/11\/2013\r\n     *  @since\t5.0.0\r\n     *\r\n     *  @param\tn\/a\r\n     *  @return\tn\/a\r\n     *\/\r\n\r\n    $(document).ready(function () {\r\n        $('.homhero-map:not(.search-map)').each(function () {\r\n            var hasMap = jQuery(this).data('map');\r\n            var map = jQuery(this).googleMap();\r\n            if (!hasMap) {\r\n                map.initialize();\r\n            }\r\n            map.renderMap();\r\n        });\r\n        $(document).on('renderMap', function (e, mapClass) {\r\n            $('.' + mapClass).each(function () {\r\n                var hasMap = jQuery(this).data('map');\r\n                var map = jQuery(this).googleMap();\r\n                if (!hasMap) {\r\n                    map.initialize();\r\n                }\r\n\r\n                map.renderMap();\r\n            });\r\n        });\r\n\r\n    });\r\n})(jQuery);\r\n\r\nfunction setCustomMarkerColor() {\r\n    jQuery(\"div[style*='font-family: bg-']\").addClass('customMarker');\r\n\r\n    jQuery('.customMarker').each(function () {\r\n        var theColour = jQuery(this).inlineStyle('font-family');\r\n        theColour = theColour.replace('bg-', '#');\r\n        jQuery(this).css('background', theColour);\r\n        jQuery(this).css('color', '#ffffff');\r\n        jQuery(this).css('padding', '4px 8px');\r\n    });\r\n}\r\n\r\n(function ($) {\r\n    $.fn.inlineStyle = function (prop) {\r\n        var styles = this.attr('style'),\r\n                value;\r\n        styles &&\r\n                styles.split(';').forEach(function (e) {\r\n            var style = e.split(':');\r\n            if ($.trim(style[0]) === prop) {\r\n                value = style[1];\r\n            }\r\n        });\r\n        return value;\r\n    };\r\n})(jQuery);\r\n<\/script>\r\n \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":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Map - Bargara Real Estate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/holidays.bargararealestate.com.au\/map\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map - Bargara Real Estate\" \/>\n<meta property=\"og:url\" content=\"https:\/\/holidays.bargararealestate.com.au\/map\/\" \/>\n<meta property=\"og:site_name\" content=\"Bargara Real Estate\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-23T06:28:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/map\/\",\"url\":\"https:\/\/holidays.bargararealestate.com.au\/map\/\",\"name\":\"Map - Bargara Real Estate\",\"isPartOf\":{\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#website\"},\"datePublished\":\"2021-09-23T06:54:52+00:00\",\"dateModified\":\"2022-08-23T06:28:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/map\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/holidays.bargararealestate.com.au\/map\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/map\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/holidays.bargararealestate.com.au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#website\",\"url\":\"https:\/\/holidays.bargararealestate.com.au\/\",\"name\":\"Bargara Real Estate\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/holidays.bargararealestate.com.au\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#organization\",\"name\":\"Bargara Real Estate\",\"url\":\"https:\/\/holidays.bargararealestate.com.au\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/holidays.bargararealestate.com.au\/wp-content\/uploads\/2021\/11\/logo1.png\",\"contentUrl\":\"https:\/\/holidays.bargararealestate.com.au\/wp-content\/uploads\/2021\/11\/logo1.png\",\"width\":600,\"height\":89,\"caption\":\"Bargara Real Estate\"},\"image\":{\"@id\":\"https:\/\/holidays.bargararealestate.com.au\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Map - Bargara Real Estate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/holidays.bargararealestate.com.au\/map\/","og_locale":"en_US","og_type":"article","og_title":"Map - Bargara Real Estate","og_url":"https:\/\/holidays.bargararealestate.com.au\/map\/","og_site_name":"Bargara Real Estate","article_modified_time":"2022-08-23T06:28:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/holidays.bargararealestate.com.au\/map\/","url":"https:\/\/holidays.bargararealestate.com.au\/map\/","name":"Map - Bargara Real Estate","isPartOf":{"@id":"https:\/\/holidays.bargararealestate.com.au\/#website"},"datePublished":"2021-09-23T06:54:52+00:00","dateModified":"2022-08-23T06:28:18+00:00","breadcrumb":{"@id":"https:\/\/holidays.bargararealestate.com.au\/map\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/holidays.bargararealestate.com.au\/map\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/holidays.bargararealestate.com.au\/map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/holidays.bargararealestate.com.au\/"},{"@type":"ListItem","position":2,"name":"Map"}]},{"@type":"WebSite","@id":"https:\/\/holidays.bargararealestate.com.au\/#website","url":"https:\/\/holidays.bargararealestate.com.au\/","name":"Bargara Real Estate","description":"Just another WordPress site","publisher":{"@id":"https:\/\/holidays.bargararealestate.com.au\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/holidays.bargararealestate.com.au\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/holidays.bargararealestate.com.au\/#organization","name":"Bargara Real Estate","url":"https:\/\/holidays.bargararealestate.com.au\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/holidays.bargararealestate.com.au\/#\/schema\/logo\/image\/","url":"https:\/\/holidays.bargararealestate.com.au\/wp-content\/uploads\/2021\/11\/logo1.png","contentUrl":"https:\/\/holidays.bargararealestate.com.au\/wp-content\/uploads\/2021\/11\/logo1.png","width":600,"height":89,"caption":"Bargara Real Estate"},"image":{"@id":"https:\/\/holidays.bargararealestate.com.au\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/pages\/158"}],"collection":[{"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":1,"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/pages\/158\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/holidays.bargararealestate.com.au\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}