{"id":628,"date":"2015-02-20T03:25:17","date_gmt":"2015-02-20T03:25:17","guid":{"rendered":"https:\/\/avada.theme-fusion.com_demos\/hotel\/?post_type=avada_portfolio&p=628"},"modified":"2024-05-22T17:08:27","modified_gmt":"2024-05-22T17:08:27","slug":"arapahoe-county","status":"publish","type":"avada_portfolio","link":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/portfolio-items\/arapahoe-county\/","title":{"rendered":"Arapahoe County, CO"},"content":{"rendered":"

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

Arapahoe County, CO<\/b><\/strong><\/h2><\/h1><\/span>
<\/div><\/div><\/div>

Living in Arapahoe County, Colorado, offers a dynamic and fulfilling lifestyle characterized by a perfect balance of suburban tranquility and urban excitement. Residents enjoy access to a plethora of recreational amenities, including expansive parks, scenic trails, and top-tier golf courses, fostering an active and healthy lifestyle. The county is home to excellent schools, diverse housing options, and a strong sense of community, making it an ideal place for families, young professionals, and retirees alike. With its thriving local economy, residents benefit from ample job opportunities and a variety of shopping, dining, and entertainment options. Additionally, Arapahoe County’s proximity to Denver ensures that cultural attractions, professional sports, and vibrant city life are just a short drive away, enhancing the overall quality of life.<\/p>\n<\/div><\/div><\/div>

Aurora<\/b><\/strong><\/a>
<\/b><\/strong>Located in the eastern part of the Denver metropolitan area, Aurora, Colorado, offers a vibrant and diverse community that makes it a fantastic place to live. Residents enjoy a high quality of life with access to a vast array of recreational opportunities, including the beautiful Cherry Creek State Park and the expansive Aurora Reservoir, perfect for outdoor enthusiasts. The city boasts excellent schools, a variety of housing options, and a robust local economy that provides ample employment opportunities. Aurora’s rich cultural scene, with numerous festivals, arts programs, and a variety of dining and shopping options, ensures there’s always something to do. Its strategic location also offers convenient access to Denver International Airport and major highways, making travel and commuting a breeze for its residents.<\/p>\n

Bow Mar<\/b><\/strong><\/a>
Situated along the shores of Bowles Lake, Bow Mar, Colorado, offers a serene and picturesque setting that makes it an exceptional place to live. This small, close-knit community is known for its tranquil atmosphere and stunning natural beauty, providing residents with a peaceful retreat from the hustle and bustle of city life. With spacious homes, well-maintained landscapes, and a private lake for boating and fishing, Bow Mar offers a unique blend of luxury and outdoor living. Excellent schools, a strong sense of community, and convenient access to both Denver and the Rocky Mountains further enhance the appeal of this idyllic neighborhood, making it perfect for families and individuals seeking a high-quality, relaxed lifestyle.<\/p>\n

<\/b>Centennial<\/b><\/strong><\/a>
Located in the southern Denver metropolitan area, Centennial, Colorado, offers a vibrant and family-friendly environment that makes it a wonderful place to live. Residents enjoy access to an extensive network of parks, trails, and recreational facilities, including the popular Centennial Center Park, which provides a hub for community events and outdoor activities. The city boasts top-rated schools, a variety of housing options, and a strong local economy, ensuring ample employment opportunities and a high standard of living. With its diverse dining, shopping, and entertainment options, there’s always something to do in Centennial. Additionally, the city’s convenient access to major highways and public transportation makes commuting and travel easy, enhancing the overall appeal of this dynamic and welcoming community.<\/p>\n

Cherry Hills Village<\/b><\/strong><\/a>
Boasting some of the most luxurious homes and beautifully landscaped properties in the Denver metro area, Cherry Hills Village is an exceptional place to live. This prestigious community offers residents an idyllic blend of privacy, elegance, and a strong sense of community. Families benefit from top-rated schools and a safe, welcoming environment. The area is rich in recreational opportunities, with access to private golf clubs, equestrian trails, and scenic parks. Additionally, its close proximity to downtown Denver ensures that residents can easily enjoy the vibrant cultural, dining, and shopping scenes the city has to offer, all while retreating to their serene and picturesque neighborhood.<\/p>\n

Columbine Valley<\/b><\/strong><\/a>
Columbine Valley, Colorado, is a charming and affluent community that offers a high quality of life, making it an excellent place to live. Nestled in the picturesque landscape of the Denver metropolitan area, it boasts beautiful homes, well-manicured lawns, and tree-lined streets. Residents enjoy a tranquil, suburban atmosphere with the convenience of being close to downtown Denver’s amenities and job opportunities. The town is known for its strong sense of community, top-rated schools, and numerous recreational opportunities, including golf courses, parks, and walking trails. With its blend of serene living and proximity to urban conveniences, Columbine Valley stands out as a desirable location for families and professionals alike.<\/p>\n

Englewood<\/b><\/strong><\/a>
With its vibrant mix of urban and suburban living, Englewood offers an ideal setting for those seeking both convenience and community. Residents enjoy easy access to Denver’s bustling downtown while benefiting from Englewood’s own array of amenities, including excellent schools, diverse dining options, and a variety of shopping centers. The city is known for its active lifestyle, featuring numerous parks, recreation centers, and a well-connected network of trails perfect for biking and walking. Cultural attractions, such as the Museum of Outdoor Arts and local theater productions, enrich the community experience. Englewood’s friendly neighborhoods and commitment to growth and development make it a fantastic place to call home.<\/p>\n

Glendale<\/b><\/strong><\/a>
Nestled within the Denver metropolitan area, Glendale offers a unique blend of urban excitement and community warmth, making it a fantastic place to live. Residents enjoy a vibrant lifestyle with easy access to an array of shopping, dining, and entertainment options, including the popular Cherry Creek Shopping Center. The city’s compact size fosters a strong sense of community while still providing the conveniences of a larger urban area. Excellent public transportation links and proximity to major highways make commuting a breeze. With plenty of parks, recreational facilities, and a lively cultural scene, Glendale stands out as a dynamic and inviting place to call home.
<\/b>
Greenwood Village<\/b><\/strong><\/a>
Offering a perfect balance of suburban tranquility and urban accessibility, Greenwood Village stands out as a prime location for those seeking a high quality of life. The area is renowned for its beautiful residential neighborhoods, top-rated schools, and a wealth of recreational opportunities, including numerous parks, trails, and the stunning Marjorie Perry Nature Preserve. Residents benefit from a thriving local economy and the presence of the Denver Tech Center, which provides ample job opportunities and business amenities. With a strong sense of community, excellent public services, and close proximity to downtown Denver, Greenwood Village provides an ideal environment for families, professionals, and anyone looking to enjoy the best of Colorado living.<\/p>\n

<\/b>Littleton<\/b><\/strong><\/a>
Combining historic charm with modern amenities, Littleton offers an inviting and vibrant community for residents of all ages. The city features a picturesque downtown area, filled with unique shops, diverse dining options, and cultural attractions such as the Littleton Historical Museum. Families benefit from excellent schools and numerous parks, creating a family-friendly environment. Outdoor enthusiasts will appreciate the extensive network of trails and proximity to the South Platte River, perfect for biking, hiking, and kayaking. With a strong sense of community, engaging local events, and convenient access to the broader Denver metropolitan area, Littleton is an exceptional place to call home.<\/p>\n

Sheridan<\/b><\/strong><\/a>
Blending affordability with a welcoming atmosphere, Sheridan is a hidden gem in the Denver metropolitan area. Residents enjoy a tight-knit community with a variety of local amenities, including parks, recreation centers, and convenient shopping options. The area’s schools are dedicated to providing quality education, and community events foster a strong sense of belonging among neighbors. Outdoor enthusiasts will appreciate the nearby South Platte River and extensive trail systems, perfect for weekend adventures. With its strategic location offering easy access to downtown Denver and other surrounding areas, Sheridan provides a comfortable and connected lifestyle for individuals and families alike.<\/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><\/div><\/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=\"Arapahoe County, CO\" 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\/DenverCO-Windermere\/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\/DenverCO-Windermere\/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><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-4\"><p style=\"text-align: center;\"><span style=\"color: var(--awb-custom_color_5);\">Use the search box below to find listings on anything from Restaurants and Coffee Shops, to Grocery Stores, Schools and much more.<br \/>\nThe <\/span><b style=\"color: var(--awb-custom_color_5);\">More<\/b><span style=\"color: var(--awb-custom_color_5);\"> menu will give you some options as well. <\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2910,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[32],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-628","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-east-valley"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/comments?post=628"}],"version-history":[{"count":5,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/628\/revisions"}],"predecessor-version":[{"id":2874,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/628\/revisions\/2874"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/media\/2910"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/media?parent=628"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/portfolio_category?post=628"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/portfolio_skills?post=628"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/DenverCO-Windermere\/wp-json\/wp\/v2\/portfolio_tags?post=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}