<\/p>\nVANCOUVER NEIGHBORHOODS
<\/strong>
Ashley Heights
<\/strong>Offering a peaceful suburban atmosphere with tree-lined streets and well-maintained homes, this neighborhood provides a welcoming and family-friendly environment. Residents enjoy spacious properties, quiet cul-de-sacs, and easy access to parks and walking trails, making it ideal for outdoor enthusiasts and those seeking a slower pace of life. With highly rated schools, a strong sense of community, and proximity to shopping, dining, and entertainment, it strikes the perfect balance between convenience and tranquility. Its location allows for an easy commute to nearby cities while still providing a retreat from the hustle and bustle. Whether enjoying neighborhood gatherings, outdoor activities, or simply relaxing in a beautiful setting, life here offers comfort and connection.<\/p>\nCascade Park
<\/strong>With a mix of suburban charm and modern convenience, this well-established neighborhood offers a comfortable and family-friendly lifestyle. Spacious homes, tree-lined streets, and numerous parks create an inviting atmosphere for residents who enjoy outdoor activities like walking, biking, and picnicking. A variety of shopping centers, restaurants, and entertainment options are just minutes away, providing easy access to daily necessities and local favorites. Highly rated schools and a strong sense of community make it an excellent choice for families and professionals alike. Its convenient location ensures a quick commute to nearby cities while maintaining a peaceful, residential feel that makes it a desirable place to call home.<\/p>\nEvergreen Highway
<\/strong>With stunning views of the Columbia River and a peaceful, upscale atmosphere, this neighborhood offers a luxurious yet relaxed lifestyle. Spacious homes, many with waterfront access or scenic vistas, provide a sense of privacy and tranquility while still being close to city conveniences. Residents enjoy outdoor activities like walking and biking along the historic highway, boating on the river, or simply taking in breathtaking sunsets. The area\u2019s proximity to shopping, dining, and excellent schools makes it ideal for families and professionals seeking both comfort and convenience. A strong sense of community, combined with the beauty of the Pacific Northwest, makes it a highly desirable place to call home.<\/p>\nFelida
<\/strong>Offering a perfect mix of suburban tranquility and modern convenience, this sought-after neighborhood is known for its tree-lined streets, beautiful parks, and strong sense of community. Spacious homes, well-maintained sidewalks, and access to top-rated schools make it an ideal place for families. Outdoor enthusiasts enjoy the many walking and biking trails, as well as nearby Felida Park and Salmon Creek Greenway for recreation and relaxation. Locally owned cafes, restaurants, and boutique shops add to the neighborhood\u2019s charm, while its proximity to major highways ensures an easy commute to surrounding areas. With a welcoming atmosphere and a balance of nature and convenience, it\u2019s a wonderful place to put down roots.<\/p>\nFishers Landing
<\/strong>Combining suburban comfort with urban convenience, this vibrant neighborhood offers a well-rounded lifestyle with excellent amenities and a strong sense of community. Well-planned streets, beautifully maintained parks, and top-rated schools make it a popular choice for families and professionals alike. Residents enjoy easy access to shopping centers, diverse dining options, and entertainment, all within minutes of their homes. Outdoor enthusiasts appreciate the nearby walking and biking trails, as well as the scenic Columbia River waterfront for recreation and relaxation. With its prime location and welcoming atmosphere, it provides the perfect balance of convenience, charm, and quality living.<\/p>\nThe Heights
<\/strong>Perched above the city with sweeping views and a well-established charm, this neighborhood offers a blend of convenience, community, and natural beauty. Tree-lined streets, spacious homes, and well-maintained parks create an inviting atmosphere for families and professionals alike. Residents enjoy easy access to shopping, dining, and entertainment while still feeling tucked away in a peaceful suburban setting. The area\u2019s strong sense of community is reflected in local events and friendly neighbors, making it a welcoming place to call home. With excellent schools and close proximity to major highways, it\u2019s a perfect location for those seeking both comfort and accessibility.<\/p>\nKnights Point, Crown Point
<\/strong>Offering breathtaking views of the Columbia River and a serene, upscale atmosphere, this exclusive area provides a luxurious yet peaceful lifestyle. Spacious homes with beautifully landscaped yards create a sense of privacy while maintaining a strong connection to nature. Residents enjoy scenic walking trails, access to outdoor recreation, and the tranquility of a waterfront setting. With high-end amenities, top-rated schools, and a close-knit community, it\u2019s an ideal location for those seeking both comfort and convenience. Easy access to nearby shopping, dining, and major roadways ensures that daily necessities and entertainment are never far away, making it a perfect blend of elegance and practicality.<\/p>\nLakeview Estates
<\/strong>Nestled near picturesque lakes and surrounded by natural beauty, this peaceful neighborhood offers a relaxed yet upscale lifestyle. Spacious homes, beautifully maintained landscapes, and quiet streets create an inviting atmosphere perfect for families and retirees alike. Residents enjoy easy access to outdoor recreation, including walking trails, fishing, and boating, making it an ideal spot for nature lovers. A strong sense of community, top-rated schools, and convenient access to shopping and dining add to its appeal. With its tranquil setting and proximity to modern amenities, it provides a perfect balance of serenity and convenience.<\/p>\nLacamas Shores
<\/strong>Situated along the scenic shores of Lacamas Lake, this highly desirable neighborhood offers a perfect blend of luxury and outdoor adventure. With breathtaking waterfront views, tree-lined streets, and beautifully designed homes, it provides a serene and upscale living environment. Residents enjoy private access to the lake, ideal for kayaking, paddleboarding, and fishing, as well as nearby walking trails and golf courses for outdoor recreation. The community fosters a welcoming atmosphere with local events and a shared appreciation for the natural surroundings. Conveniently located near top-rated schools, shopping, and dining, it offers both tranquility and easy access to modern amenities, making it a perfect place to call home.<\/p>\nLincoln
<\/strong>With a rich sense of history and a welcoming community atmosphere, this neighborhood offers a balanced lifestyle of convenience and charm. Tree-lined streets, well-kept homes, and nearby parks create a comfortable setting for families, professionals, and retirees alike. Residents enjoy easy access to shopping, dining, and entertainment while still experiencing the quiet and close-knit feel of a residential area. Outdoor recreation is always within reach, with walking and biking trails providing opportunities to explore the surrounding natural beauty. A strong sense of community pride and a convenient location make it an appealing place to call home.<\/p>\nOrchards
<\/strong>Offering a blend of suburban comfort and modern convenience, this growing neighborhood provides a welcoming atmosphere with a variety of housing options, from cozy starter homes to spacious family residences. Residents enjoy easy access to parks, walking trails, and green spaces, making outdoor activities a part of daily life. With plenty of shopping, dining, and entertainment options nearby, everyday necessities are always within reach. The area\u2019s strong sense of community is reflected in local events and friendly neighbors, making it an ideal place for families and professionals alike. Conveniently located with easy access to major highways, it offers a perfect balance of peaceful living and urban accessibility.<\/p>\nPleasant Valley
<\/strong>Surrounded by rolling hills and lush green spaces, this peaceful neighborhood offers a perfect blend of rural charm and suburban convenience. Spacious homes with large yards provide plenty of room to enjoy the outdoors, while nearby parks and trails make it easy to stay active. The area fosters a strong sense of community, with friendly neighbors and local events that bring residents together. Excellent schools, convenient shopping, and easy access to major highways make it a desirable place for families and professionals alike. With its tranquil setting and close proximity to modern amenities, it offers the best of both worlds for those seeking a high quality of life.<\/p>\nPrune Hill
<\/strong>Perched on a scenic hillside with breathtaking views of the surrounding landscape, this upscale neighborhood offers a peaceful and family-friendly environment. Spacious homes, beautifully maintained streets, and a strong sense of community make it a highly desirable place to live. Residents enjoy access to top-rated schools, nearby parks, and walking trails, perfect for outdoor recreation and relaxation. The neighborhood\u2019s elevated location provides a quiet retreat while still being close to shopping, dining, and major roadways for easy commuting. With its blend of natural beauty, convenience, and a welcoming atmosphere, it offers an exceptional quality of life for families and professionals alike.<\/p>\nSalmon Creek
<\/strong>With a perfect mix of suburban comfort and natural beauty, this vibrant neighborhood offers a high quality of life for families, professionals, and retirees alike. Tree-lined streets, well-maintained parks, and access to scenic trails make it easy to enjoy the outdoors, while excellent schools and a strong sense of community create a welcoming atmosphere. A variety of shopping centers, restaurants, and entertainment options are conveniently located nearby, ensuring residents have everything they need within reach. Easy access to major highways allows for a quick commute to surrounding cities while still enjoying a peaceful and residential environment. Combining convenience, community, and outdoor recreation, this neighborhood is an ideal place to call home.<\/p>\nSherwood
<\/strong>This charming and well-established neighborhood offers a peaceful suburban lifestyle with a strong sense of community. Tree-lined streets, spacious homes, and well-maintained parks create an inviting environment perfect for families and professionals alike. Residents enjoy access to walking trails, playgrounds, and green spaces, making outdoor recreation a part of daily life. Conveniently located near shopping centers, restaurants, and top-rated schools, it provides the perfect balance of tranquility and accessibility. With a friendly atmosphere and a commitment to maintaining its natural beauty, this neighborhood is an excellent place to call home.<\/p>\nWest Vancouver
<\/strong>With a blend of historic charm and modern convenience, this dynamic neighborhood offers a vibrant and well-connected lifestyle. Tree-lined streets, well-kept homes, and access to parks and waterfront trails create an inviting atmosphere for families, professionals, and retirees alike. Residents enjoy a variety of shopping, dining, and entertainment options, as well as a strong sense of community with local events and markets. Its proximity to downtown, major highways, and the Columbia River provides easy access to outdoor recreation and city conveniences. Offering a balance of suburban comfort and urban accessibility, this neighborhood is a fantastic place to call home.<\/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=\"Vancouver, WA\" 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":3287,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[46],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-3019","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-delaware-counties"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3019","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=3019"}],"version-history":[{"count":10,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3019\/revisions"}],"predecessor-version":[{"id":3252,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/avada_portfolio\/3019\/revisions\/3252"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/media\/3287"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/media?parent=3019"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_category?post=3019"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_skills?post=3019"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PortlandOR-Windermere\/wp-json\/wp\/v2\/portfolio_tags?post=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}