No se encontraron distribuidores.
Intente con otro término de búsqueda o estado.
' + item.distance.toFixed(1) + ' km
';
}
card.innerHTML = distanceHtml + '' + dealer.name + '
' + '' + dealer.city + ', ' + dealer.state + ' ' + dealer.zip + '
' + '' + dealer.phone + '
'; card.addEventListener('click', function() { map.setView([dealer.lat, dealer.lng], 12); markers[idx].openPopup(); highlightDealer(idx); }); list.appendChild(card); }); } function highlightDealer(index) { document.querySelectorAll('.dealer-card').forEach(function(card) { card.classList.remove('active'); if (parseInt(card.getAttribute('data-index')) === index) { card.classList.add('active'); card.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } }); // Reset all markers then highlight the active one markers.forEach(function(m, i) { if (i === index) { m.setStyle({ radius: 14, fillColor: '#8B0000', weight: 3 }); } else { m.setStyle({ radius: 10, fillColor: '#C41E3A', weight: 2 }); } }); } // Initial render renderDealers(dealers.map(function(d, i) { return { dealer: d, index: i }; })); // Clear any prior search origin marker + reset sort function clearSearchOrigin() { if (searchMarker) { map.removeLayer(searchMarker); searchMarker = null; } searchOrigin = null; } // Render results sorted by distance from a given lat/lng function renderByDistance(origin, stateFilter) { var results = dealers.map(function(d, i) { return { dealer: d, index: i, distance: haversineMiles(origin.lat, origin.lng, d.lat, d.lng) }; }).filter(function(item) { return !stateFilter || item.dealer.state === stateFilter; }).sort(function(a, b) { return a.distance - b.distance; }); renderDealers(results); if (results.length > 0) { // Show search origin marker if (searchMarker) map.removeLayer(searchMarker); searchMarker = L.marker([origin.lat, origin.lng], { icon: L.divIcon({ className: 'search-origin-marker', html: '',
iconSize: [28, 28],
iconAnchor: [14, 14]
})
}).addTo(map);
searchMarker.bindPopup('Su ubicación
' + (origin.city ? origin.city + ', ' + origin.state : 'Punto personalizado')); // Fit bounds to origin + nearest 5 dealers var nearest = results.slice(0, 5); var bounds = L.latLngBounds([[origin.lat, origin.lng]].concat(nearest.map(function(item) { return [item.dealer.lat, item.dealer.lng]; }))); map.fitBounds(bounds, { padding: [60, 60], maxZoom: 10 }); } } // Text search (non-ZIP) function textSearch(query, stateFilter) { var results = dealers.map(function(d, i) { return { dealer: d, index: i }; }).filter(function(item) { var d = item.dealer; var matchesState = !stateFilter || d.state === stateFilter; var matchesQuery = !query || d.name.toLowerCase().includes(query) || d.city.toLowerCase().includes(query) || d.state.toLowerCase().includes(query) || d.zip.includes(query) || d.address.toLowerCase().includes(query); return matchesState && matchesQuery; }); renderDealers(results); if (results.length > 0) { var bounds = L.latLngBounds(results.map(function(item) { return [item.dealer.lat, item.dealer.lng]; })); map.fitBounds(bounds, { padding: [50, 50], maxZoom: 10 }); } } // Search functionality — detects 5-digit ZIP and geocodes it function searchDealers() { var query = document.getElementById('dealerSearch').value.trim(); var stateFilter = document.getElementById('stateFilter').value; var btn = document.getElementById('dealerSearchBtn'); if (/^\d{5}$/.test(query)) { // ZIP code path: geocode + sort by distance btn.innerHTML = ''; btn.disabled = true; geocodeZip(query) .then(function(origin) { searchOrigin = origin; renderByDistance(origin, stateFilter); }) .catch(function(err) { clearSearchOrigin(); // Fall back to substring match on ZIP textSearch(query.toLowerCase(), stateFilter); }) .then(function() { btn.innerHTML = ''; btn.disabled = false; }); } else { clearSearchOrigin(); textSearch(query.toLowerCase(), stateFilter); } } document.getElementById('dealerSearchBtn').addEventListener('click', searchDealers); document.getElementById('dealerSearch').addEventListener('keyup', function(e) { if (e.key === 'Enter') searchDealers(); }); document.getElementById('stateFilter').addEventListener('change', searchDealers); // Set initial view to continental US map.setView([38.5, -96.0], 4); });