{"id":3051,"date":"2025-06-12T19:48:39","date_gmt":"2025-06-12T19:48:39","guid":{"rendered":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/?post_type=avada_portfolio&p=3051"},"modified":"2025-06-12T21:30:44","modified_gmt":"2025-06-12T21:30:44","slug":"williamson-county-tx","status":"publish","type":"avada_portfolio","link":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/portfolio-items\/williamson-county-tx\/","title":{"rendered":"Williamson County, TX"},"content":{"rendered":"

<\/i><\/span>
Local Yelp Search<\/span>Local Yelp Search<\/span><\/div><\/a><\/div>
<\/div><\/div><\/span>

Williamson County, TX
\n<\/strong><\/h2>\n

 <\/h1><\/span>

<\/div><\/div><\/div>

Combining suburban comfort with rapid growth and opportunity, this thriving Central Texas county offers a high quality of life for families, professionals, and retirees. Known for its excellent schools, safe neighborhoods, and a strong job market\u2014particularly in tech and healthcare\u2014it provides both stability and upward mobility. Residents enjoy charming downtowns, expansive parks, and recreational trails, along with easy access to shopping, dining, and cultural events. Communities within the county maintain a friendly, welcoming atmosphere, with frequent festivals and local markets that bring neighbors together. Its blend of affordability, accessibility, and community spirit makes it a standout place to put down roots and thrive.<\/p>\n<\/div><\/div><\/div>

Avery Ranch<\/b><\/a>
\nSituated in the desirable northwest Austin area, this master-planned community offers a polished suburban lifestyle with a focus on family, recreation, and convenience. Residents enjoy beautifully landscaped neighborhoods, top-rated schools, and easy access to major employers in the tech corridor. The area features an 18-hole golf course, scenic trails, parks, and multiple pools, encouraging an active and social way of life. A variety of shopping and dining options are nearby, and community events foster a strong sense of connection among neighbors. With its balance of natural beauty, thoughtful development, and modern amenities, it\u2019s an ideal setting for those seeking comfort and community just outside the city.<\/p>\n

Bartlett<\/b><\/a>
\nNestled between Austin and Temple, this small town offers a quiet, close-knit lifestyle rich in Texas heritage and charm. With historic architecture, wide-open spaces, and a slower pace of life, it appeals to those seeking simplicity, affordability, and a strong sense of community. Residents enjoy small-town traditions, local gatherings, and the comfort of knowing their neighbors, all while being within reach of larger city amenities. The surrounding countryside provides opportunities for farming, outdoor recreation, and peaceful living, making it an appealing spot for families, retirees, and anyone looking to embrace rural tranquility with convenient access to urban centers.
\n
\n<\/b><\/strong>Cedar Park<\/b><\/a>
\nOffering the perfect mix of suburban ease and urban access, this fast-growing community delivers a high quality of life with something for everyone. Residents enjoy top-rated schools, modern shopping centers, and a variety of dining and entertainment options, all set within well-planned neighborhoods and scenic green spaces. Outdoor enthusiasts take advantage of the many parks, trails, and nearby Lake Travis for recreation, while families appreciate the safe environment and strong community spirit. With a growing economy and close proximity to Austin\u2019s tech corridor, it\u2019s a prime location for professionals seeking balance between career and comfort. Friendly, active, and forward-thinking, it\u2019s a place that feels like home.<\/p>\n

Georgetown<\/b><\/a>
\nKnown for its beautifully preserved historic square and vibrant community spirit, this charming city offers a relaxed yet enriching lifestyle in the heart of Central Texas. Residents enjoy tree-lined streets, Victorian architecture, and a calendar full of local events, festivals, and farmers markets that bring neighbors together. Outdoor living is easy with access to the San Gabriel River, hike-and-bike trails, and scenic parks, while excellent schools and a growing healthcare sector support families and retirees alike. The community blends small-town friendliness with modern amenities, offering everything from boutique shopping to fine dining, all within a welcoming and well-connected setting.<\/p>\n

Granger<\/b><\/a>
\nSurrounded by wide-open farmland and steeped in small-town charm, this quiet rural community offers a peaceful lifestyle rooted in tradition and neighborly values. Residents enjoy the simplicity of country living with the benefit of being just a short drive from larger cities like Georgetown and Austin. The area is known for its friendly atmosphere, historic downtown, and community events that celebrate local heritage. Outdoor enthusiasts appreciate access to nearby Granger Lake for fishing, boating, and picnicking, while families value the slower pace and strong sense of connection. It\u2019s an ideal place for those seeking space, serenity, and authentic Texas living.
\nHutto<\/b><\/a>
\nBrimming with small-town charm and modern momentum, this growing community offers a family-friendly lifestyle with a strong sense of pride and connection. Known for its welcoming atmosphere and iconic hippo mascot, the town features well-kept neighborhoods, excellent schools, and plenty of parks and recreational spaces. Residents enjoy local festivals, farmers markets, and community events that create a close-knit environment while still benefiting from proximity to Austin and the expanding tech corridor. With ongoing development, new shopping and dining options, and a commitment to preserving its historic roots, it\u2019s a place where tradition meets progress and neighbors feel like family.<\/p>\n

Jarrell<\/b><\/a>
\nSet along the I-35 corridor in northern Williamson County, this fast-growing town offers a relaxed, rural lifestyle with convenient access to major city amenities. Residents appreciate the friendly, small-town atmosphere, affordable housing, and spacious neighborhoods that make it an ideal spot for families and first-time homebuyers. The community is known for its strong school spirit, locally owned businesses, and a commitment to preserving its welcoming, down-to-earth character amid new development. With plenty of open land, parks, and a peaceful pace of life, it\u2019s a place where you can enjoy wide Texas skies and a tight-knit sense of community while staying connected to the growth of Central Texas.<\/p>\n

Leander<\/b><\/a>
\nSituated in the scenic Hill Country just north of Austin, this rapidly growing city offers a vibrant, family-friendly lifestyle with a strong sense of community and opportunity. Residents enjoy well-planned neighborhoods, highly rated schools, and access to parks, trails, and natural spaces that encourage an active way of life. With a growing selection of shopping, dining, and entertainment options, along with a commuter rail station connecting to downtown Austin, it balances suburban comfort with urban convenience. Community events, local festivals, and a welcoming atmosphere make it a place where families thrive and newcomers quickly feel at home.<\/p>\n

Liberty Hill<\/b><\/a>
\nNestled in the rolling hills of western Williamson County, this charming small town offers a peaceful, rural lifestyle with a strong sense of heritage and community pride. Residents enjoy wide open spaces, scenic views, and a slower pace of life that\u2019s perfect for families, retirees, and anyone seeking a break from city hustle. Excellent schools, family-run businesses, and community events create a welcoming environment, while the town’s growth brings new amenities and opportunities without sacrificing its hometown feel. Outdoor activities, from hiking to horseback riding, are part of everyday life, making it an ideal place for those who value connection\u2014to nature, neighbors, and tradition.<\/p>\n

Round Rock<\/b><\/a>
\nBlending economic opportunity with suburban comfort, this thriving city offers a dynamic lifestyle that appeals to families, professionals, and entrepreneurs alike. With top-rated schools, a robust job market\u2014especially in tech and healthcare\u2014and a reputation for safety, it’s an ideal place to grow and thrive. Residents enjoy a variety of parks, trails, and recreational facilities, along with a lively downtown, major retail centers, and family-friendly events throughout the year. The community\u2019s pride in education, sports, and innovation is evident in everything from local schools to its minor league baseball team. With a perfect mix of convenience, community spirit, and quality of life, it\u2019s no surprise this city continues to attract new residents.<\/p>\n

Taylor<\/b><\/a>
\nRich in heritage and poised for growth, this welcoming community offers a balanced lifestyle that blends small-town warmth with exciting new opportunities. Known for its historic downtown, friendly neighborhoods, and legendary barbecue, the area fosters a strong sense of pride and connection among residents. As development accelerates\u2014thanks in part to new tech investments\u2014the town retains its laid-back charm while embracing innovation and progress. Locals enjoy a variety of parks, community events, and access to outdoor recreation, all within a scenic setting of rolling farmland and open skies. It\u2019s an ideal place for families, creatives, and professionals seeking authenticity, affordability, and a tight-knit atmosphere.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

<\/div><\/div><\/span>

Local Activities & Information<\/h1><\/h1><\/span>
<\/div><\/div><\/div>

Use the search box below to find listings on anything from Restaurants and Coffee Shops, to Grocery Stores, Schools and much more.
\nThe <\/span>More<\/b> menu will give you some options as well. <\/span><\/p>\n<\/div>\n\n\n\n\nYelp Store Locator<\/title>\n<style>\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n background: #f8f8f8; \/* Slight grey background *\/\n}\n\n\/* Flex container for the whole page content *\/\n.form-wrapper {\n display: flex;\n justify-content: space-around; \/* Evenly distribute space around items *\/\n flex-wrap: wrap; \/* Allow items to wrap if not enough space *\/\n margin: 20px;\n}\n\n\/* Search form and results container *\/\n.form-wrapper .form-container {\n flex-basis: 47%;\n margin-bottom: 20px;\n}\n\n\/* Search bar at the top *\/\n.search-top {\n margin-top: 20px;\n}\n.search-bar {\n max-width: 1024px;\n padding:0 20px;\n padding: 10px;\n border-radius: 4px;\n margin: 0 auto 20px;\n}\n.search-bar #searchForm {\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: rgba(0,0,0,0.15) 0px 2px 18px 0px;\n}\n.search-field {\n flex: 1;\n}\n.search-field.desc {\n position: relative;\n}\n.search-field.desc::after {\n content: '';\n position: absolute;\n top: 10px;\n bottom: 10px;\n right: 0;\n width: 2px;\n background-color: rgba(0, 0, 0, 0.2);\n}\n#searchForm .search-field input {\n border: 0;\n \n}\n.search-field.category-dropdown select {\n width: auto;\n background: transparent;\n margin-top:15px;\n}\n.search-field input[type=\"text\"],\n.search-field select {\n width: 100%; \/* Full width of parent *\/\n padding: 15px 10px;\n border: 1px solid #ddd;\n font-size: 14px;\n box-sizing: border-box;\n}\n\n\/* Search button styling *\/\n.search-button button {\n padding: 17px 20px;\n background-color: #ff0000; \/* Yelp red *\/\n color: #fff;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n text-transform: uppercase;\n font-weight: bold;\n}\n\n\/* Style the pagination buttons *\/\n.pagination{\n border-top: 1px solid #e3d8d8;\n padding: 15px 0;\n margin-top: 20px;\n border-bottom: 1px solid #e3d8d8;\n}\n\n\n.pagination button {\n background: none;\n padding: 5px 10px;\n border-radius: 4px;\n margin-right: 5px;\n border: none;\n cursor: pointer;\n font-size: 16px;\n}\n\n.pagination button.active,\n.pagination button:hover {\n font-weight: bold;\n}\n\n\/* Map container styling *\/\n#map {\n flex: 1;\n height: 700px; \/* Adjusted height for consistency *\/\n border-radius: 4px; \/* Rounded corners *\/\n overflow: hidden; \/* Clip the content *\/\n margin-left: 20px; \/* Space from the form container *\/\n}\n\n\/* Search results card styles *\/\n.card {\n display: flex;\n background: #fff;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n overflow: hidden;\n align-items: center;\n padding: 0 15px;\n border-bottom: 1px solid #eee;\n}\n\n.card img {\n width: 200px; \/* Slightly smaller images *\/\n height: 200px;\n object-fit: cover;\n}\n\n.card-content {\n padding: 15px;\n flex-grow: 1;\n}\n\n\/* Loader style adjustments *\/\n#loader {\n display: none; \/* Hide by default, show when loading *\/\n position: fixed; \/* Or absolute, depending on use-case *\/\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n}\n\n#loader img {\n width: 50px; \/* Adjust as needed *\/\n height: 50px; \/* Adjust as needed *\/\n \/* Animation for spinning *\/\n animation: spin 1s linear infinite;\n}\n\n\/* Loader animation *\/\n@keyframes spin {\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n@media (max-width: 768px) {\n .form-wrapper {\n flex-direction: column; \/* Stack on smaller screens *\/\n }\n\n .form-container,\n #map {\n width: 100%;\n max-width: none;\n margin-left: 0; \/* Remove margin for full width *\/\n }\n\n #map {\n order: -1; \/* Map comes before search results on small screens *\/\n }\n}\n\n\/* Add responsive design for very small screens *\/\n@media (max-width: 480px) {\n .search-bar {\n flex-direction: column; \/* Stack form fields vertically *\/\n }\n\n .search-field,\n .search-button button {\n width: 100%; \/* Full width for small screens *\/\n margin: 5px 0; \/* Add space between stacked items *\/\n }\n}\n\n\/* Style the dropdown button *\/\n.dropbtn {\n background-color: transparent;\n color: black;\n padding: 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n}\n\n\/* The container <div> - needed to position the dropdown content *\/\n.dropdown {\n position: relative;\n display: inline-block;\n margin: 10px 0;\n}\n\n\/* Dropdown Content (Hidden by Default) *\/\n.dropdown-content {\n display: none;\n position: absolute;\n background-color: #f9f9f9;\n min-width: 240px;\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n z-index: 1;\n gap: 20px;\n padding: 0 10px;\n}\n\n\/* Links inside the dropdown *\/\n.dropdown-content span {\n color: black;\n padding: 16px 0;\n text-decoration: none;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.dropdown-content .flex-links{\n padding: 12px 0\n}\n\n\/* Icon styling *\/\n.icon {\n margin-right: 10px;\n \/* You can use SVGs or Font Icons like FontAwesome, or background-image with sprites *\/\n}\n\n\/* Change color of dropdown links on hover *\/\n.dropdown-content span:hover {background-color: #ddd;}\n\n\/* Show the dropdown menu on hover *\/\n.dropdown:hover .dropdown-content {\n \/* display: block; *\/\n display: flex;\n}\n\n\/* Show the dropdown menu on focus *\/\n.dropdown:focus-within .dropdown-content {\n display: block;\n}\n\n\/* Other styles for icons can be added here, using the specific class names *\/\n.dry-cleaning-icon {\n \/* Add background-image or other styling for the dry cleaning icon *\/\n}\n\n.pagination, #loader {\n display: none; \/* Hidden by default *\/\n}\n\n.autocomplete-results {\n display: none;\n position: absolute;\n background: white;\n border: 1px solid #ddd;\n border-top: none;\n z-index: 2;\n width: 100%;\n box-sizing: border-box;\n}\n\n.autocomplete-suggestion {\n padding: 10px;\n border-bottom: 1px solid #ddd;\n cursor: pointer;\n}\n\n.autocomplete-suggestion:last-child {\n border-bottom: none;\n}\n\n.autocomplete-suggestion:hover {\n background-color: #f8f8f8;\n}\n\n\n\/* Similarly add specific icon styles for other menu items *\/\n<\/style>\n<\/head>\n<body>\n<div class=\"search-top\">\n <div class=\"search-bar\">\n <form id=\"searchForm\" action=\"\/yelp-store-locator\" method=\"get\">\n <div class=\"search-field desc\">\n <input type=\"text\" id=\"searchDescription\" name=\"searchDescription\" placeholder=\"Search description\">\n <div id=\"autocomplete-results\" class=\"autocomplete-results\"><\/div>\n <\/div>\n \n <div class=\"search-field location\">\n <input type=\"text\" id=\"locationQuery\" name=\"location\" placeholder=\"Enter search location\" value=\"Williamson County, TX\" required>\n <\/div>\n <div class=\"search-button\">\n <button type=\"submit\">Search<\/button>\n <\/div>\n <\/form>\n\n <div class=\"dropdown\">\n <span class=\"dropbtn\">More \u25bc<\/span>\n <div class=\"dropdown-content\">\n <div class=\"flex-links\">\n <span>\n <i class=\"icon dry-cleaning-icon\"><\/i> Restaurants\n <\/span>\n <span>\n <i class=\"icon hair-salons-icon\"><\/i> Coffee Shops\n <\/span>\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Grocery Stores\n <\/span>\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Nightlife\n <\/span>\n <\/div>\n <div class=\"flex-links\">\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Medical\n <\/span>\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Activities\n <\/span>\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Schools\n <\/span>\n <span>\n <i class=\"icon phone-repair-icon\"><\/i> Hair Salon\n <\/span>\n <\/div>\n <!-- Add other menu items here -->\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"form-wrapper\">\n <div class=\"form-container\">\n <div id=\"searchResults\"><\/div>\n <div class=\"pagination\"><\/div>\n <\/div>\n <!-- Map Container -->\n <div id=\"map\"><\/div>\n<\/div>\n\n<!-- Loader HTML -->\n<!-- <div id=\"loader\">Loading...<\/div> -->\n<div id=\"loader\">\n <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-content\/plugins\/yelp-store-locator\/assets\/images\/loader.png\" alt=\"Loading...\" \/>\n<\/div>\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n<script>\n $(document).ready(function () {\n var yelpAutocompleteUrl = \"https:\/\/api.yelp.com\/v3\/autocomplete\";\n\n $('#searchDescription').on('input', function() {\n var searchText = $(this).val();\n \n \/\/ Make sure the search text is not empty\n if (searchText.length > 0) {\n $.ajax({\n url: '\/wp-content\/plugins\/yelp-store-locator\/proxy\/yelp-autocomplete-proxy.php',\n method: 'GET',\n data: {\n text: searchText \/\/ text entered by the user\n },\n success: function(data) {\n \/\/ Clear previous suggestions\n $('#autocomplete-results').empty();\n \n \/\/ Process the response and append suggestions\n if(data.terms && data.terms.length > 0) {\n data.terms.forEach(function(term) {\n $('#autocomplete-results').append('<div class=\"autocomplete-suggestion\">' + term.text + '<\/div>');\n });\n $('#autocomplete-results').show();\n }\n },\n error: function(jqXHR, textStatus, errorThrown) {\n console.error(\"Error with Autocomplete API:\", textStatus, errorThrown);\n }\n });\n } else {\n \/\/ If the search text is empty, clear and hide suggestions\n $('#autocomplete-results').empty().hide();\n }\n });\n\n \/\/ Listener for clicking on an autocomplete suggestion\n $('#autocomplete-results').on('click', '.autocomplete-suggestion', function() {\n \/\/ Set the input to the clicked suggestion and hide suggestions\n $('#searchDescription').val($(this).text());\n $('#autocomplete-results').empty().hide();\n });\n \n \/\/ Initially hide pagination and loader\n $('.pagination').hide();\n $('#loader').hide();\n\n var map; \/\/ Declare map variable globally\n var markers = []; \/\/ Array to store markers\n var currentPage = 1;\n var resultsPerPage = 5;\n var totalResults = 0;\n\n \/\/ Event handler for category selection\n $('.dropdown-content span').on('click', function() {\n \/\/ Get the text of the clicked category\n var categoryText = $(this).text().trim();\n\n \/\/ Set the value of the searchDescription input\n $('#searchDescription').val(categoryText);\n\n \/\/ Close the dropdown if needed\n $('.dropdown-content').hide();\n\n \/\/ Optionally, you could submit the form automatically after selection\n \/\/ $('#searchForm').submit();\n });\n\n \/\/ Toggle dropdown content on click\n $('.dropbtn').on('click', function() {\n \/\/ Use slideToggle for a simple animation\n $('.dropdown-content').slideToggle();\n });\n\n \/\/ Close the dropdown if clicked outside\n $(document).on('click', function(e) {\n if (!$(e.target).closest('.dropdown').length) {\n $('.dropdown-content').hide();\n }\n });\n\n \/\/ Populate search description initially\n $('#searchDescription').val($('#category').find('option:selected').text());\n\n \/\/ Update search description when category changes\n $('#category').change(function() {\n $('#searchDescription').val($(this).find('option:selected').text());\n });\n\n \/\/ Check if the location is provided and trigger search\n if ($('#locationQuery').val() !== '') {\n setTimeout(function() {\n $('#searchForm').submit();\n }, 500);\n }\n\n $('#searchForm').submit(function (event) {\n event.preventDefault();\n $('#loader').show(); \/\/ Show loader here when the search starts\n $('.pagination').hide(); \/\/ Hide pagination during loading\n\n var locationQuery = $('#locationQuery').val();\n \/\/ Use the value from the search description input\n var searchDescription = $('#searchDescription').val();\n var apiUrl = 'https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-content\/plugins\/yelp-store-locator\/proxy\/proxy.php?location=' + encodeURIComponent(locationQuery) + '&term=' + encodeURIComponent(searchDescription);\n\n \/\/ Hide search results and map\n $('#searchResults').hide();\n $('#map').hide();\n \/\/ Show loader before making the API request\n $('#loader').show();\n\n fetch(apiUrl)\n .then(response => {\n if (!response.ok) {\n throw new Error('Network response was not ok');\n }\n return response.json(); \/\/ Parse JSON response\n })\n .then(data => {\n if (data && data.businesses && data.businesses.length > 0) {\n $('.pagination').show();\n } else {\n $('.pagination').hide();\n }\n $('#loader').hide(); \/\/ Hide loader after data is processed\n \/\/ ...Display results...\n totalResults = data.businesses.length;\n\n \/\/ Clear previous search results\n $('#searchResults').empty();\n\n \/\/ Initialize map\n map = new google.maps.Map(document.getElementById('map'), {\n center: { lat: 0, lng: 0 }, \/\/ Default center\n zoom: 12 \/\/ Default zoom level\n });\n\n \/\/ Clear previous markers\n markers.forEach(marker => marker.setMap(null));\n markers = [];\n\n \/\/ Create a LatLngBounds object to encompass all markers\n var bounds = new google.maps.LatLngBounds();\n\n \/\/ Calculate pagination values\n var startIndex = (currentPage - 1) * resultsPerPage;\n var endIndex = startIndex + resultsPerPage;\n endIndex = endIndex > totalResults ? totalResults : endIndex;\n\n \/\/ Iterate over each business in the response data for the current page\n for (var i = startIndex; i < endIndex; i++) {\n var business = data.businesses[i];\n\n \/\/ Create card element to display business information\n var cardHtml = '<div class=\"card\">';\n cardHtml += '<img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"' + business.image_url + '\" alt=\"' + business.name + '\">';\n cardHtml += '<div class=\"card-content\">';\n cardHtml += '<h3><a href=\"' + business.url + '\">' + business.name + '<\/a><\/h3>';\n cardHtml += '<p><strong>Rating:<\/strong> ' + business.rating + '<\/p>';\n cardHtml += '<p><strong>Review Count:<\/strong> ' + business.review_count + '<\/p>';\n if (business.categories.length > 0) {\n cardHtml += '<p><strong>Category:<\/strong> ' + business.categories[0].title + '<\/p>';\n }\n cardHtml += '<p><strong>Address:<\/strong> ' + business.location.address1 + ', ' + business.location.city + ', ' + business.location.state + ' ' + business.location.zip_code + '<\/p>';\n cardHtml += '<p><strong>Phone:<\/strong> ' + business.display_phone + '<\/p>';\n cardHtml += '<\/div><\/div>';\n\n \/\/ Append the card HTML to the searchResults div\n $('#searchResults').append(cardHtml);\n\n \/\/ Display coordinates if available\n if (business.coordinates) {\n \/\/ Add marker to the map for each business\n var marker = new google.maps.Marker({\n position: { lat: business.coordinates.latitude, lng: business.coordinates.longitude },\n map: map,\n title: business.name\n });\n\n markers.push(marker);\n\n \/\/ Extend the bounds to include the marker's position\n bounds.extend(marker.getPosition());\n }\n }\n\n \/\/ Adjust map bounds to fit all markers\n map.fitBounds(bounds);\n\n \/\/ Hide loader after request is completed\n $('#loader').hide();\n \/\/ Show search results and map\n $('#searchResults').show();\n $('#map').show();\n\n \/\/ Generate pagination controls\n generatePaginationControls();\n })\n .catch(error => {\n console.error('There was a problem with the fetch operation:', error);\n\n $('#loader').hide(); \/\/ Ensure to hide loader on error as well\n $('.pagination').hide(); \/\/ Hide pagination if there's an error\n \/\/ Show search results and map\n $('#searchResults').show();\n $('#map').show();\n });\n });\n\n \/\/ Function to generate pagination controls\n function generatePaginationControls() {\n var totalPages = Math.ceil(totalResults \/ resultsPerPage);\n $('.pagination').empty();\n\n for (var i = 1; i <= totalPages; i++) {\n var button = $('<button>').text(i);\n if (i === currentPage) {\n button.addClass('active');\n }\n button.click(function() {\n currentPage = parseInt($(this).text());\n $('#searchForm').submit();\n });\n $('.pagination').append(button);\n }\n }\n });\n<\/script>\n\n<!-- Include Google Maps JavaScript API with your API key -->\n<script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDdc1Kke8as6XyfJRAv1veZfIqxp-ioDMo&callback=initMap\"><\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3102,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[35],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-3051","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-city-of-phoenix"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/avada_portfolio\/3051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/comments?post=3051"}],"version-history":[{"count":5,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/avada_portfolio\/3051\/revisions"}],"predecessor-version":[{"id":3105,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/avada_portfolio\/3051\/revisions\/3105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/media\/3102"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/media?parent=3051"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/portfolio_category?post=3051"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/portfolio_skills?post=3051"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/AustinTX-BHHSPremier\/wp-json\/wp\/v2\/portfolio_tags?post=3051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}