{"id":3186,"date":"2025-12-09T18:19:06","date_gmt":"2025-12-09T18:19:06","guid":{"rendered":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/?post_type=avada_portfolio&p=3186"},"modified":"2025-12-11T17:27:10","modified_gmt":"2025-12-11T17:27:10","slug":"marion-county","status":"publish","type":"avada_portfolio","link":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/portfolio-items\/marion-county\/","title":{"rendered":"Marion County, OR"},"content":{"rendered":"

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

Marion County, OR<\/b><\/strong><\/h2>\n

 <\/p><\/h1><\/span>

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

Set in the heart of the Willamette Valley, this diverse and thriving region offers a well-balanced lifestyle where fertile farmlands, vibrant communities, and natural beauty come together. Residents enjoy easy access to outdoor recreation, from hiking in the nearby Cascade foothills to exploring local rivers and waterfalls, while also benefiting from a rich agricultural scene that supports farmers markets and farm-to-table dining. Charming towns and cities throughout the area provide a mix of cultural events, local arts, and family-friendly amenities, all within reach of Oregon\u2019s wine country. With excellent schools, a growing job market, and a strong sense of community pride, it\u2019s a place where people of all ages can enjoy both the beauty of rural living and the conveniences of urban life.<\/p>\n<\/div><\/div><\/div>

Aumsville<\/b><\/strong><\/a>
Surrounded by the rolling farmland of the Willamette Valley, this small town offers a peaceful, family-friendly lifestyle with a welcoming, close-knit community at its heart. Residents enjoy quiet neighborhoods, local parks, and community events that bring neighbors together throughout the year, creating a genuine sense of belonging. With easy access to nearby Salem for shopping, dining, and employment opportunities, life here balances rural charm with modern convenience. The scenic surroundings invite outdoor activities like hiking, biking, and exploring nearby natural areas, making it ideal for those who appreciate a slower pace and the beauty of Oregon\u2019s countryside. It\u2019s a place where community spirit and simple pleasures define daily living.

<\/b><\/strong>Aurora<\/b><\/strong><\/a>
Nestled in the heart of the Willamette Valley, this historic town offers a charming, small-town lifestyle steeped in heritage and surrounded by scenic beauty. Residents enjoy strolling through quaint streets lined with antique shops, art galleries, and local cafes, while nearby vineyards and farmland provide a picturesque backdrop for everyday life. The community is tight-knit and welcoming, with seasonal festivals and farmers markets that celebrate its agricultural roots and creative spirit. With excellent schools, a peaceful pace, and convenient access to larger cities like Portland and Salem, it\u2019s an ideal place for those seeking a blend of rural charm, community warmth, and modern convenience.<\/p>\n

Gervais<\/b><\/strong><\/a>
Surrounded by fertile farmland in the heart of the Willamette Valley, this small, close-knit community offers a quiet and family-friendly lifestyle rooted in agricultural heritage and neighborly connection. Residents enjoy the peaceful charm of rural living, with open spaces, fresh air, and easy access to outdoor activities like cycling country roads or visiting nearby parks. Local schools and community events help foster strong ties among neighbors, while proximity to larger towns and cities provides convenient access to shopping, dining, and employment opportunities. With its welcoming atmosphere and simple, grounded way of life, it\u2019s a wonderful place for those who value community spirit and the beauty of Oregon\u2019s countryside.<\/p>\n

Keizer<\/b><\/strong><\/a>
Set along the banks of the Willamette River, this vibrant city offers a balanced lifestyle that combines suburban comfort with easy access to urban amenities and outdoor recreation. Residents enjoy well-maintained parks, riverfront trails, and community events that create a lively, family-friendly atmosphere throughout the year. The area boasts excellent schools, diverse dining options, and local shops, while its proximity to Salem provides additional cultural and professional opportunities. With a strong sense of community pride, safe neighborhoods, and plenty of green spaces, it\u2019s an ideal place for families, young professionals, and retirees alike to enjoy a connected and fulfilling way of life.<\/p>\n

Mill City<\/b><\/strong><\/a>
Tucked into the scenic Santiam Canyon, this charming small town offers a peaceful, nature-focused lifestyle perfect for those who cherish outdoor adventure and tight-knit community living. Residents enjoy easy access to hiking, fishing, and camping, with the surrounding forests and rivers providing a stunning backdrop for everyday life. Local events, friendly neighbors, and a shared pride in the area\u2019s resilience and beauty foster strong community bonds. With affordable housing, a relaxed pace, and proximity to larger towns for additional amenities, it\u2019s an ideal spot for families, retirees, and outdoor enthusiasts looking to embrace a simpler, more connected way of life surrounded by Oregon\u2019s natural splendor.<\/p>\n

Mt. Angel<\/b><\/strong><\/a>
Nestled amid the lush farmland of the Willamette Valley, this charming town offers a lifestyle steeped in tradition, community spirit, and scenic beauty. Residents enjoy a warm, small-town atmosphere highlighted by local festivals, like the beloved Oktoberfest, that bring neighbors together in celebration year after year. Strolling through the quaint downtown reveals inviting cafes, local shops, and historic architecture that add to its storybook charm. With excellent schools, peaceful neighborhoods, and an abundance of nearby outdoor recreation, it\u2019s an ideal place for families, retirees, and anyone drawn to a slower, more meaningful pace of life surrounded by Oregon\u2019s pastoral beauty.

<\/b><\/strong>Salem<\/b><\/strong><\/a>
Set in the heart of the Willamette Valley, this lively capital city offers a well-rounded lifestyle that blends urban amenities with natural beauty and a strong sense of community. Residents enjoy a variety of parks, riverside trails, and nearby vineyards, along with a vibrant arts scene, local farmers markets, and family-friendly events that bring the city to life throughout the year. The presence of government, education, and healthcare institutions provides stability and diverse career opportunities, while charming neighborhoods and excellent schools make it appealing for families. With its balance of culture, convenience, and outdoor adventure, it\u2019s a place where people of all ages can thrive and feel connected to both their community and the natural surroundings.<\/p>\n

Silverton<\/b><\/strong><\/a>
Surrounded by rolling hills and lush farmland, this picturesque town offers a charming, small-town lifestyle enriched by natural beauty and a thriving local culture. Residents enjoy scenic walks along creekside trails, visits to nearby waterfalls, and a vibrant downtown filled with artisan shops, cafes, and galleries. Community events and festivals foster a strong sense of connection, while excellent schools and welcoming neighborhoods make it an ideal place for families. With its blend of outdoor recreation, creative energy, and warm, neighborly atmosphere, it\u2019s a place where daily life feels both peaceful and inspiring, offering a true sense of belonging in the heart of Oregon\u2019s countryside.<\/p>\n

Stayton<\/b><\/strong><\/a>
Set against the backdrop of the Cascade foothills, this friendly town offers a relaxed, small-town lifestyle with all the charm of rural Oregon and the convenience of nearby city access. Residents enjoy local parks, community events, and scenic trails perfect for walking, biking, or simply soaking in the natural beauty. A strong sense of community is woven through everyday life, with local shops, family-run businesses, and schools that foster connection and pride. Proximity to the Santiam River and nearby outdoor recreation areas provides endless opportunities for adventure, while the town\u2019s welcoming atmosphere makes it an ideal place for families, retirees, and anyone seeking a slower, more grounded pace of life.

<\/b><\/strong>Sublimity<\/b><\/strong><\/a>
Surrounded by the rolling hills and open spaces of the Willamette Valley, this peaceful town offers a quiet, community-centered lifestyle that appeals to those seeking small-town charm and natural beauty. Residents enjoy well-kept parks, friendly neighborhoods, and easy access to outdoor activities like hiking, fishing, and exploring nearby waterfalls. Local events and a close-knit atmosphere foster strong connections among neighbors, while quality schools and a slower pace of life make it an inviting place for families and retirees alike. With its rural serenity and convenient proximity to larger towns for additional amenities, it\u2019s a place where life feels simple, welcoming, and deeply rooted in the landscape.<\/p>\n

<\/b><\/strong>Wooburn<\/b><\/strong><\/a>
Surrounded by the fertile landscapes of the Willamette Valley, this growing community offers a blend of small-town warmth and suburban convenience, creating a welcoming lifestyle for families, professionals, and retirees alike. Residents enjoy local parks, seasonal farmers markets, and community events that bring neighbors together and foster a strong sense of connection. With easy access to both Salem and Portland, it provides the perfect balance of peaceful living and urban opportunity. Nearby wineries, outdoor recreation, and scenic drives add to the charm, making it a place where natural beauty and everyday convenience come together for a comfortable, fulfilling way of life.<\/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=\"Marion County, OR\" 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\/PortlandOR-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\/PortlandOR-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>\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3282,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[45],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-3186","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-pa-counties"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/comments?post=3186"}],"version-history":[{"count":6,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3186\/revisions"}],"predecessor-version":[{"id":3238,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3186\/revisions\/3238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/media\/3282"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/media?parent=3186"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_category?post=3186"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_skills?post=3186"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_tags?post=3186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}