{"id":2903,"date":"2024-07-10T21:12:43","date_gmt":"2024-07-10T21:12:43","guid":{"rendered":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/?post_type=avada_portfolio&p=2903"},"modified":"2024-11-04T20:17:18","modified_gmt":"2024-11-04T20:17:18","slug":"davidson-county","status":"publish","type":"avada_portfolio","link":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/portfolio-items\/davidson-county\/","title":{"rendered":"Davidson County, TN"},"content":{"rendered":"

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

Davidson County, TN \u2013 Nashville<\/b><\/strong><\/h2><\/h1><\/span>
<\/div><\/div><\/div>

As the vibrant heart of Middle Tennessee, this area offers a dynamic blend of urban excitement and suburban comfort, making it an attractive place for individuals and families alike. The region boasts an energetic cultural scene, with live music, diverse restaurants, and countless festivals year-round. Outdoor enthusiasts enjoy easy access to parks, greenways, and the scenic Cumberland River, providing opportunities for hiking, biking, and kayaking. With top-notch schools, a booming job market, and thriving communities, residents experience the perfect balance between professional growth and leisure. Whether you’re looking for bustling city life or a quiet suburban neighborhood, this area provides the best of both worlds with a welcoming, inclusive atmosphere.<\/p>\n<\/div><\/div><\/div>

Belle Meade<\/b><\/strong><\/a>
This affluent and picturesque area offers a serene, upscale lifestyle with its grand historic homes, tree-lined streets, and beautifully landscaped surroundings. Residents enjoy a peaceful, residential atmosphere while being just a short drive from the cultural and entertainment options of Nashville. The community is known for its privacy, safety, and a strong sense of history, with attractions like the Belle Meade Plantation providing a glimpse into the area’s storied past. With close proximity to top-rated schools, exclusive dining options, and scenic parks, it’s an ideal location for families and professionals seeking a luxurious yet tranquil place to live.

<\/b><\/strong>Nashville<\/b><\/strong><\/a>
<\/b><\/strong>Known for its lively music scene and Southern hospitality, this city offers a vibrant lifestyle with a unique blend of cultural richness and modern growth. Residents enjoy an array of entertainment options, from world-class live music venues to diverse dining experiences that reflect the city\u2019s creative energy. Outdoor enthusiasts can explore the many parks, greenways, and the nearby Cumberland River, providing ample opportunities for recreation and relaxation. The city is also a hub for business, healthcare, and education, attracting professionals and families seeking both career opportunities and a high quality of life. With its welcoming neighborhoods, thriving arts scene, and strong sense of community, it’s a city that combines the charm of the South with the perks of a growing metropolis.
<\/p>\n

NASHVILLE NEIGHBORHOODS<\/p>\n

Antioch
<\/b><\/strong>Conveniently and centrally located in the close proximity to the airport and southeast of the downtown area, Antioch is characterized as a residential haven that features an attractive selection of traditional ranch and contemporary split-level homes along quiet, tree-shaded streets. Affordable multi-family dwellings such as condominiums and townhouses are also available for a maintenance-free lifestyle. Outdoor activities such as fishing, boating, and a myriad of water sports are available close to home in Antioch. The regional recreational treasure of J. Percy Priest Reservoir lies to the northeast of the community for boating and water sports. Offering even more convenience for team and team and league sports, exercising, picnicking and family outings is William A. Pitts Park located on Wessex Drive. Opportunities for shopping close to home are abundant in the department stores and specialty shops of Hickory Hollow Mall. In close proximity to the mall is another Nashville favorite, just a short drive down Antioch Pike to the commercial center on Hickory Hollow Parkway. Bargain hunters join those who are simply looking for daily conveniences at one of the region\u2019s most concentrated collections of popular stores, services, and shops.

Bellevue
<\/b><\/strong>Lying southwest of downtown Nashville, Bellevue is a community that harmonizes country charm and urban sophistication. Offering a quick and easy commute to and from downtown Nashville via Interstate 40, this neighborhood is adjacent to the spacious and verdant area created by two sprawling parks. Panoramic hiking trails and picnic facilities are available in Edwin Warner and Percy Warner Parks, while the Harpeth National Scenic River forms a natural boundary between Bellevue and Harpeth Valley. Bellevue is also home to one of the state\u2019s largest shopping malls, the Bellevue Center. The housing selection blends contemporary and traditional single and multi-family residences set in quiet, tree-shaded neighborhoods that feature well-kept yards with brilliant gardens and meticulous landscaping.<\/p>\n

Donelson
<\/b><\/strong>Scenic Donelson enjoys the panoramic beauty of Stones River to the east and the Cumberland River to the west as natural boundaries. Easy access to fine shopping districts, hospitals, and recreation enhances the appeal of this attractive residential community. The addition of Route 255 for airport access and rapid downtown access via Interstate 40 has elevated Donelson into a class of its own for convenience. Several institutions call this area home including the Tennessee State Police Academy, Clover Bottom Hospital and the Tennessee School for the Blind. Scenic Two Rivers Park combines with J. Percy Priest Reservoir to provide recreational activities that include team sports, boating, golfing, hiking, swimming, picnicking, wave jumping and sunbathing. Donelson is home to the legendary Opryland USA, one of Nashville\u2019s premier attractions.<\/p>\n

Forest Hills, Oak Hill
<\/b><\/strong>The communities of Forest Hills and Oak Hill share a lush landscape dotted with well-kept brick ranch-style homes and magnificent two-story colonials or family estates. Many of the residences in these communities are situated on generous lots shaded by large trees and feature meticulous landscaping punctuated with bright blooms and gardens. Newcomers will discover an impressive diversity of architectural periods, styles, and sizes in homes primarily built from the 1960s through the \u201880s. Those who appreciate classic styling and a feeling of spaciousness will want to explore the many possibilities waiting in the neighborhoods of Forest Hills and Oak Hill. Both communities offer a tranquil yet convenient lifestyle.

Green Hills
<\/b><\/strong>The West End and Green Hills section of Nashville offer a pleasing array of handsome single-family homes as well as duplexes and condominiums. Vintage homes from the first half of the 20th century include impressive Tudors and charming cottages. Residents enjoy a number of outstanding retail centers close to home, including the Mall at Green Hills and a scattering of boutiques and specialty shops. Several of the city\u2019s most acclaimed restaurants are also located in Green Hills, and the bright lights shine over popular nightspots. The private institution of David Lipscomb University infuses a collegiate spirit and adds educational resources that specialize in business and pre-medicine. The Interstate 440 parkway connection and the links it provides add to convenience for commuters.<\/p>\n

Hermitage
<\/b><\/strong>Similar in atmosphere and physically close to Donelson, the area known as Hermitage shares the advantage of having the Stones and Cumberland Rivers along its boundaries. Stones River separates the charming Hermitage neighborhoods from  downtown Nashville. Claiming an identity and flavor of its own, Hermitage is known as an historical treasure house, featuring a Confederate cemetery and The Hermitage, former U.S. President Andrew Jackson\u2019s mansion. Both Andrew and his wife were buried on these grounds. The lush greens, lavish gardens, and luxurious amenities of private clubs and golf courses grace the neighborhood, while J. Percy Priest Reservoir offers water sports and boating close to home.<\/p>\n

Madison
<\/b><\/strong>Especially appealing to first-home buyers, Madison offer a wide selection of attractive residences. Conveniently located just north of downtown Nashville, this area is well served by major highways including Interstate 65, U.S. Highway 31, and Route 45. Residents enjoy access to the metro region\u2019s wealth of educational, cultural, and recreational benefits; yet they remain  remarkably self-sustaining. Nearby hospitals, good local schools, and beautiful parks create an environment that is livable and enjoyable for residents of all ages. Both Madison Park and nearby Cedar Hills Park provide fields for team sports, picnic areas, hiking trails, and acres of wide open space for exercise and outdoor activities.<\/p>\n

Rural Hill
<\/b><\/strong>The unincorporated community  of Rural Hill encompassed in the southeastern Nashville metropolitan area is actually located in Wilson County. Fosters Corner, Cane Ridge, Glencliff, Kimbo, Providence, Tusculum, and Smith Springs are other unique neighborhoods in this convenient area. Close proximity to the international airport, Nashville Zoo, Percy Priest Lake, several large malls, and entertainment complexes combines with easy access to downtown Nashville and the West End via Interstate 24. The wide selection of housing includes two-bedroom condominiums and townhouses as well as attractive single-family homes from modest to executive. Million-dollar ranch properties and estates with acreage are also possibilities in this convenient location.<\/p>\n

HISTORIC NEIGHBORHOODS<\/p>\n

Belmont-Hillsboro
<\/b><\/strong>Blending diverse architectural styles that reflect changing tastes over many decades, this long-established Nashville enclave includes bungalows, cottages, American foursquares, and handsome Tudors with examples of the prairie, eclectic revival and more contemporary-style homes. In the 1970s, residents and newcomers who recognized the value of classic housing in close proximity to urban amenities began restoring and renovating properties. Today, this area offers a desirable and convenient address near Belmont College, Vanderbilt University, Sevier Park, hospitals, bus lines, and shopping. The range of housing accommodates a myriad of lifestyles and includes a section listed on the National Register of Historic Places.<\/p>\n

Edgefield & East Nashville
<\/b><\/strong>Once an independent municipality, historic Edgefield was the first urban neighborhood to begin revitalization. Elegant Victorians, Princess Anne cottages, colonial revival, and American foursquares blend with new single-family homes and condominiums. Located minutes from downtown, Edgefield extends from South 5th Street to South 10th Street between Woodland and Shelby Streets. Other vintage neighborhoods in East Nashville that are drawing renewed interest include East End, Lockeland Springs, Eastwood, Boscobel Heights, and Bailey-Cora Howe. Advantages like downtown shopping, professional sports, and a greenway with nature trail combine with an exciting spirit of renewal and classic architecture.<\/p>\n

Old Hickory
<\/b><\/strong>Unique in its evolution and history, Old Hickory offers a prime residential location with access to water-sport recreation. To the west is the Cumberland River, while Old Hickory Lake lies to the east. Nestled in Hadley\u2019s Bend in northeastern Davidson County, the village sprang up as housing for workers in a DuPont plant. The homes vary in design and detail but also in quality and size, built for everyone from factory workers to executive-level management. As the community grew, adjacent areas developed. The original district remains remarkably unchanged over the decades, with quiet streets shaded by mature trees. Distinguished as Middle Tennessee\u2019s only planned \u201ccompany town,\u201d Old Hickory represents an important architectural and historical resource.<\/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=\"Nashville, TN\" 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\/NashvilleTN-CBSouthern\/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\/NashvilleTN-CBSouthern\/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":3117,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[45],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-2903","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-extra-counties"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/avada_portfolio\/2903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/comments?post=2903"}],"version-history":[{"count":10,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/avada_portfolio\/2903\/revisions"}],"predecessor-version":[{"id":3118,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/avada_portfolio\/2903\/revisions\/3118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/media\/3117"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/media?parent=2903"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/portfolio_category?post=2903"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/portfolio_skills?post=2903"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/NashvilleTN-CBSouthern\/wp-json\/wp\/v2\/portfolio_tags?post=2903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}