',iconSize:[28,28],iconAnchor:[14,28],popupAnchor:[0,-28]}); var tia=L.divIcon({className:'',html:'',iconSize:[34,34],iconAnchor:[17,34],popupAnchor:[0,-34]}); DEALERS.forEach(function(d){ if(!d.lat||!d.lng)return; var popup=''; var mk=L.marker([d.lat,d.lng],{icon:ti}).addTo(leafletMap).bindPopup(popup,{maxWidth:240,minWidth:200}); mk.on('click',function(){highlightCard(d.id);}); markers[d.id]={marker:mk,icon:ti,activeIcon:tia}; }); setTimeout(function(){leafletMap.invalidateSize(true);},400); } function buildMapList(dealers){ if(!mapListEl)return; mapListEl.innerHTML=''; if(!dealers.length){mapListEl.innerHTML='';return;} dealers.forEach(function(d,i){ var mh=d.maps||(d.lat?'https://www.google.com/maps?q='+d.lat+','+d.lng:''); var el=document.createElement('div'); el.className='kove-card';el.setAttribute('data-mapid',d.id);el.style.animationDelay=(i*.04)+'s';el.style.cursor='pointer'; el.innerHTML='' +'' +''; el.addEventListener('click',function(e){if(e.target.tagName==='A')return;if(d.lat&&d.lng&&leafletMap){leafletMap.flyTo([d.lat,d.lng],14,{duration:1.2});if(markers[d.id])markers[d.id].marker.openPopup();highlightCard(d.id);}}); mapListEl.appendChild(el); }); if(countEl)countEl.textContent=dealers.length; } function highlightCard(id){ if(mapListEl){mapListEl.querySelectorAll('.kove-card').forEach(function(c){c.classList.remove('kove-card-highlight');});var t=mapListEl.querySelector('[data-mapid="'+id+'"]');if(t){t.classList.add('kove-card-highlight');t.scrollIntoView({behavior:'smooth',block:'nearest'});}} Object.keys(markers).forEach(function(k){markers[k].marker.setIcon(markers[k].icon);}); if(markers[id])markers[id].marker.setIcon(markers[id].activeIcon); } function fitMap(dealers){ if(!leafletMap)return; var pts=dealers.filter(function(d){return d.lat&&d.lng;}).map(function(d){return[d.lat,d.lng];}); if(pts.length===1)leafletMap.setView(pts[0],13); else if(pts.length>1)leafletMap.fitBounds(pts,{padding:[40,40]}); } function updateMarkers(visible){ var vi={};visible.forEach(function(d){vi[d.id]=true;}); Object.keys(markers).forEach(function(k){if(vi[k])markers[k].marker.addTo(leafletMap);else markers[k].marker.remove();}); fitMap(visible); } function setView(v){ currentView=v; if(v==='grid'){ gridEl.style.display='';mapviewEl.classList.remove('kove-active'); btnGrid.classList.add('kove-active');btnMap.classList.remove('kove-active'); applyGridFilter(); } else { gridEl.style.display='none';mapviewEl.classList.add('kove-active'); btnMap.classList.add('kove-active');btnGrid.classList.remove('kove-active'); initMap();var vis=getVisible();buildMapList(vis);updateMarkers(vis); setTimeout(function(){if(leafletMap)leafletMap.invalidateSize(true);},100); setTimeout(function(){if(leafletMap){leafletMap.invalidateSize(true);fitMap(vis);}},500); } } function applyFilter(state){ currentState=state; filterBtns.forEach(function(b){b.classList.remove('kove-active');}); var ab=wrap.querySelector('[data-state="'+state+'"]');if(ab)ab.classList.add('kove-active'); if(currentView==='grid')applyGridFilter(); else{var vis=getVisible();buildMapList(vis);if(leafletMap)updateMarkers(vis);} } if(btnGrid)btnGrid.addEventListener('click',function(){setView('grid');}); if(btnMap)btnMap.addEventListener('click',function(){setView('map');}); filterBtns.forEach(function(b){b.addEventListener('click',function(){applyFilter(b.getAttribute('data-state'));});}); applyGridFilter(); })();