function mapClickSim(m,i){$('#contentMapModal_'+m).modal('show');function w(){if(window.contentMaps[m]!==undefined&&typeof toggleMapIconClick==="function"&&typeof resetMarkersAndCards==="function"){resetMarkersAndCards(m);toggleMapIconClick(m,i);}else{setTimeout(w,100);}}
w();}
function handleActionClick(e){const target=e.target.closest('[data-action]');if(!target)return;const{action,actionArgs}=target.dataset;const fn={mapClickSim}[action];fn&&fn(...actionArgs.split(',').map(Number));}
if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',()=>{document.querySelectorAll('[data-action]').forEach(b=>b.addEventListener('click',handleActionClick));});}else{document.querySelectorAll('[data-action]').forEach(b=>b.addEventListener('click',handleActionClick));}if(typeof window.contentMaps==='undefined'){window.contentMaps={};window.initialMapBounds={};}
if(typeof window.bounds==='undefined'){window.bounds={};}
if(typeof window.markerData==='undefined'){window.markerData={};}
if(!markerData[1]){markerData[1]={};}
function initMapbox_1(){mapboxgl.accessToken='pk.eyJ1IjoibGF6eXRyaXBzIiwiYSI6ImNsaTJ4anh2MTA5NDYzZW85ODJmMm45ZzcifQ.9u5pN47V7SsoFwF6_Pw5bQ';const contentMap_1=new mapboxgl.Map({container:'contentMap_1',style:'mapbox://styles/mapbox/streets-v11',center:[-93.26500592955055,44.97775600996038],zoom:5,cooperativeGestures:false});window.contentMaps[1]=contentMap_1;if(typeof window.bounds[1]==='undefined'){window.bounds[1]=new mapboxgl.LngLatBounds();}
markerData[1][0]={"lonLat":["-92.808855","45.056010"],"type":"star-plain"};markerData[1][1]={"lonLat":["-79.01696407934249","43.0815559561766"],"best":"1","time":"840","distance":960,"type":"numbered","onClick":true,"route":{"id":"993","color":"#fa5050"},"card":{"title":"Minneapolis to Niagara Falls","distanceTime":"\ud83d\ude97 960 miles \u23f1\ufe0f 14 hours","photoCode":"","oX":175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-niagara-falls","cardLinkText":"Read more"};function getNewLngLat(map,originalLngLat,offsets){var pixel=map.project(new mapboxgl.LngLat(originalLngLat[0],originalLngLat[1]));pixel.x+=offsets.x;pixel.y+=offsets.y;return map.unproject(pixel);}
Object.keys(contentMaps).forEach(function(mapNum){contentMaps[mapNum].on('zoom',function(){Object.keys(markerData[mapNum]).forEach(function(iconNum){var marker=markerData[mapNum][iconNum];if(!isMobileDevice()&&marker.cardInstance){var offsets={x:marker.card.oX,y:marker.card.oY};var newLngLat=getNewLngLat(contentMaps[mapNum],marker.lonLat,offsets);marker.cardInstance.setLngLat([newLngLat.lng,newLngLat.lat]);}});});});async function fetchRoute(d,m,i,c){const p={routeId:d};const r=await fetch('/api/request-route',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(p)});if(r.ok){const data=await r.json();if(data.response&&data.response.route){const d=JSON.parse(data.response.route);markerData[m][i].routeJson=d;updateMapWithRoute(m,i,d,c);}}}
function updateMapWithRoute(m,i,r,c){const l='iconRoute_'+m+'_'+i;const g={type:'Feature',properties:{},geometry:{type:'LineString',coordinates:r}};if(contentMaps[m].getLayer(l)){contentMaps[m].setLayoutProperty(l,'visibility','visible');contentMaps[m].getSource(l).setData(g);}else{contentMaps[m].addLayer({id:l,type:'line',source:{type:'geojson',data:g},layout:{'line-join':'round','line-cap':'round'},paint:{'line-color':c,'line-width':5,'line-opacity':0.8}});}}
function hideRouteLayer(m,i){const l='iconRoute_'+m+'_'+i;if(contentMaps[m].getLayer(l)){contentMaps[m].setLayoutProperty(l,'visibility','none');}}
window.toggleMapIconClick=function(m,iconNum){if(markerData[m][iconNum].a){return;}
for(const[key,icon]of Object.entries(markerData[m])){if(parseInt(key)===iconNum){continue;}
if(icon.popupInstance){icon.popupInstance.remove();delete icon.popupInstance;}
if(icon.route&&contentMaps[m].getLayer('iconRoute_'+m+'_'+key)){hideRouteLayer(m,key);}
if(icon.marker){icon.marker.getElement().classList.remove('markerSpanSelect');}
if(icon.cardInstance){icon.cardInstance.remove();delete icon.cardInstance;}
if(icon.cardOverlay){var overlayToRemove=icon.cardOverlay;if(overlayToRemove&&overlayToRemove.parentNode){overlayToRemove.parentNode.removeChild(overlayToRemove);delete icon.cardOverlay;}}
icon.a=false;}
if(!markerData[m][iconNum].a){markerData[m][iconNum].marker.getElement().classList.add('markerSpanSelect');if(markerData[m][iconNum].popup){const t=markerData[m][iconNum].popup.title;const p=markerData[m][iconNum].popup.text;let popupHTML='
';if(t){popupHTML+='
'+t+'
';}
if(p){popupHTML+='
'+p+'
';}
popupHTML+='
';var popup=new mapboxgl.Popup({anchor:'bottom',closeButton:false,closeOnClick:false,className:'pointer'}).setLngLat(markerData[m][iconNum].lonLat).setHTML(popupHTML).addTo(contentMaps[m]);markerData[m][iconNum].popupInstance=popup;popup._content.addEventListener('click',function(){toggleMapIconClick(m,iconNum);});markerData[m][iconNum].marker.getElement().style.display='none';}
if(markerData[m][iconNum].route){const layerId='iconRoute_'+m+'_'+iconNum;if(contentMaps[m].getLayer(layerId)){contentMaps[m].setLayoutProperty(layerId,'visibility','visible');}else{fetchRoute(markerData[m][iconNum].route.id,m,iconNum,markerData[m][iconNum].route.color);}}
if(markerData[m][iconNum].card){var cardContent={cardTitle:markerData[m][iconNum].card.title,cardDistanceTime:markerData[m][iconNum].card.distanceTime,photoCode:markerData[m][iconNum].card.photoCode,};if(markerData[m][iconNum].hasOwnProperty('cardLink')){cardContent.cardLink=markerData[m][iconNum].cardLink;}
if(markerData[m][iconNum].hasOwnProperty('cardLinkText')){cardContent.cardLinkText=markerData[m][iconNum].cardLinkText;}
if(!isMobileDevice()){var cardContentHtml=createCardContentHtml(cardContent,false);var offsets={x:markerData[m][iconNum].card.oX,y:markerData[m][iconNum].card.oY};var newLngLat=getNewLngLat(contentMaps[m],markerData[m][iconNum]['lonLat'],offsets);var cardPopup=new mapboxgl.Popup({anchor:'bottom',closeButton:false,closeOnClick:false,className:'mapPopupCard'}).setHTML(cardContentHtml).setLngLat([newLngLat.lng,newLngLat.lat]).addTo(contentMaps[m]);markerData[m][iconNum].cardInstance=cardPopup;}else{var cardMobile=document.createElement('div');cardMobile.className='mapPopupCardMobile';cardMobile.innerHTML=createCardContentHtml(cardContent,true);var mapContainer=contentMaps[m].getContainer();mapContainer.appendChild(cardMobile);markerData[m][iconNum].cardOverlay=cardMobile;}}
markerData[m][iconNum].a=true;updateMapBounds(m,iconNum);}else{resetMarkersAndCards(m);}}
window.resetMarkersAndCards=function(m){Object.keys(markerData[m]).forEach((i)=>{if(markerData[m][i].marker){markerData[m][i].marker.getElement().classList.remove('markerSpanSelect');}
if(markerData[m][i].popupInstance){markerData[m][i].popupInstance.remove();delete markerData[m][i].popupInstance;}
if(markerData[m][i].route){if(contentMaps[m].getLayer('iconRoute_'+m+'_'+i)){hideRouteLayer(m,i);}}
if(markerData[m][i].card){if(markerData[m][i].cardInstance){markerData[m][i].cardInstance.remove();delete markerData[m][i].cardInstance;}}
if(markerData[m][i].cardOverlay){var overlayToRemove=markerData[m][i].cardOverlay;if(overlayToRemove&&overlayToRemove.parentNode){overlayToRemove.parentNode.removeChild(overlayToRemove);delete markerData[m][i].cardOverlay;}}
markerData[m][i].marker.getElement().style.display='block';markerData[m][i].a=false;if(markerData[m][i].best){updateMapBounds(m,i);}});}
function createCardContentHtml(c,m){let htmlContent='';return htmlContent;}
$(document).on('shown.bs.modal','[id^=contentMapModal_]',function(){let modalId=$(this).attr('id');let mapNum=modalId.replace('contentMapModal_','');if(window.contentMaps&&window.contentMaps[mapNum]){window.contentMaps[mapNum].resize();Object.keys(markerData[mapNum]).forEach((i)=>{updateMapBounds(mapNum,i);});}});$(document).on('hidden.bs.modal','[id^=contentMapModal_]',function(){resetMarkersAndCards($(this).attr('id').replace('contentMapModal_',''));});function isMobileDevice(){return window.innerWidth<=768||window.innerHeight<=600;}
function updateMapBounds(mapNum,iconNum){const oldBounds=contentMaps[mapNum].getBounds();const newBounds=contentMaps[mapNum].getBounds();const mapDimensions=contentMaps[mapNum].getContainer().getBoundingClientRect();const clickedMarker=markerData[mapNum][iconNum];const lngDiff=oldBounds.getNorthEast().lng-oldBounds.getSouthWest().lng;const latDiff=oldBounds.getNorthEast().lat-oldBounds.getSouthWest().lat;const lngPerPx=lngDiff / mapDimensions.width;const latPerPx=latDiff / mapDimensions.height;if(clickedMarker['popup']&&clickedMarker.a){const pixelCoordinates=contentMaps[mapNum].project(clickedMarker.lonLat);const tooCloseX=100;const tooCloseT=80;const tooCloseB=10;const eXp=120;const eTp=120;const eBp=20;const extendNWSE=[0,0,0,0];if(pixelCoordinates.xmapDimensions.width-tooCloseX){extendNWSE[1]=eXp-(mapDimensions.width-pixelCoordinates.x);}
if(pixelCoordinates.ymapDimensions.height-tooCloseB){extendNWSE[2]=eBp-(mapDimensions.height-pixelCoordinates.y);}
for(let i=0;i0){switch(i){case 0:const extendNorthLat=extendNWSE[i]*latPerPx;newBounds.extend(new mapboxgl.LngLat(clickedMarker.lonLat[0],oldBounds.getNorthEast().lat+extendNorthLat));break;case 1:const extendEastLng=extendNWSE[i]*lngPerPx;newBounds.extend(new mapboxgl.LngLat(oldBounds.getNorthEast().lng+extendEastLng,clickedMarker.lonLat[1]));break;case 2:const extendSouthLat=extendNWSE[i]*latPerPx;newBounds.extend(new mapboxgl.LngLat(clickedMarker.lonLat[0],oldBounds.getSouthWest().lat-extendSouthLat));break;case 3:const extendWestLng=extendNWSE[i]*lngPerPx;newBounds.extend(new mapboxgl.LngLat(oldBounds.getSouthWest().lng-extendWestLng,clickedMarker.lonLat[1]));break;}}}
if(Math.abs(newBounds.getSouthWest().lng-oldBounds.getSouthWest().lng)>1e-6||Math.abs(newBounds.getSouthWest().lat-oldBounds.getSouthWest().lat)>1e-6||Math.abs(newBounds.getNorthEast().lng-oldBounds.getNorthEast().lng)>1e-6||Math.abs(newBounds.getNorthEast().lat-oldBounds.getNorthEast().lat)>1e-6){contentMaps[mapNum].fitBounds(newBounds,{padding:0,duration:600,easing:(t)=>t*(2-t)});}}
if(clickedMarker['route']&&clickedMarker['routeJson']&&clickedMarker['clicked']){const paddingRoutePixels=20;let extendWest=false,extendEast=false,extendNorth=false,extendSouth=false;clickedMarker['routeJson'].forEach(coord=>{if(coord[0]newBounds.getEast())extendEast=true;if(coord[1]>newBounds.getNorth())extendNorth=true;if(coord[1]t*(2-t)});}
if(!isMobileDevice()&&markerData[mapNum][iconNum].card&&markerData[mapNum][iconNum].a){const w=300;const h=360;const p=100;const oX=markerData[mapNum][iconNum].card.oX;const oY=markerData[mapNum][iconNum].card.oY;const markerPixel=contentMaps[mapNum].project(clickedMarker.lonLat);const topLeftPixel={x:markerPixel.x+oX-w/2-p,y:markerPixel.y+oY-h-p};const topRightPixel={x:topLeftPixel.x+w+(2*p),y:topLeftPixel.y};const bottomLeftPixel={x:topLeftPixel.x,y:topLeftPixel.y+h+(2*p)};const bottomRightPixel={x:topRightPixel.x,y:bottomLeftPixel.y};[topLeftPixel,topRightPixel,bottomLeftPixel,bottomRightPixel].forEach(pixel=>{const lngLat=contentMaps[mapNum].unproject(pixel);newBounds.extend(lngLat);});contentMaps[mapNum].fitBounds(newBounds,{padding:0,duration:600,easing:(t)=>t*(2-t)});}}markerData[1][2]={"lonLat":["-89.77077213112409","43.62651899044682"],"best":"2","time":"280","distance":270,"type":"numbered","onClick":true,"route":{"id":"1577","color":"#fa5050"},"card":{"title":"Minneapolis to Wisconsin Dells","distanceTime":"\ud83d\ude97 270 miles \u23f1\ufe0f 4 hours, 40 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-wisconsin-dells","cardLinkText":"Read more"};markerData[1][3]={"lonLat":["-92.808855","45.056010"],"best":"3","time":"30","distance":26,"type":"numbered","onClick":true,"route":{"id":"1569","color":"#fa5050"},"card":{"title":"Minneapolis to Stillwater","distanceTime":"\ud83d\ude97 26 miles \u23f1\ufe0f 30 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][4]={"lonLat":["-101.90489750361624","43.79133200067408"],"best":"4","time":"480","distance":520,"type":"numbered","onClick":true,"route":{"id":"1023","color":"#fa5050"},"card":{"title":"Minneapolis to Badlands National Park","distanceTime":"\ud83d\ude97 520 miles \u23f1\ufe0f 8 hours","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-badlands-national-park","cardLinkText":"Read more"};markerData[1][5]={"lonLat":["-87.62563074919738","41.87687149761112"],"best":"5","time":"370","distance":400,"type":"numbered","onClick":true,"route":{"id":"979","color":"#fa5050"},"card":{"title":"Minneapolis to Chicago","distanceTime":"\ud83d\ude97 400 miles \u23f1\ufe0f 6 hours, 10 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-chicago","cardLinkText":"Read more"};markerData[1][6]={"lonLat":["-87.39559569414338","46.54361547661152"],"best":"6","time":"407","distance":372,"type":"numbered","onClick":true,"route":{"id":"1585","color":"#fa5050"},"card":{"title":"Minneapolis to Upper Peninsula","distanceTime":"\ud83d\ude97 372 miles \u23f1\ufe0f 6 hours, 47 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][7]={"lonLat":["-93.62498973648223","41.58689014954596"],"best":"7","time":"216","distance":244,"type":"numbered","onClick":true,"route":{"id":"1581","color":"#fa5050"},"card":{"title":"Minneapolis to Des Moines","distanceTime":"\ud83d\ude97 244 miles \u23f1\ufe0f 3 hours, 36 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][8]={"lonLat":["-103.43967458724615","43.86998452246627"],"best":"8","time":"530","distance":600,"type":"numbered","onClick":true,"route":{"id":"799","color":"#fa5050"},"card":{"title":"Minneapolis to Mount Rushmore","distanceTime":"\ud83d\ude97 600 miles \u23f1\ufe0f 8 hours, 50 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-mount-rushmore","cardLinkText":"Read more"};markerData[1][9]={"lonLat":["-92.85136610727406","44.74433524371791"],"best":"9","time":"37","distance":30,"type":"numbered","onClick":true,"route":{"id":"1570","color":"#fa5050"},"card":{"title":"Minneapolis to Hastings","distanceTime":"\ud83d\ude97 30 miles \u23f1\ufe0f 37 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][10]={"lonLat":["-84.73415071430712","45.876728412772934"],"best":"10","time":"540","distance":540,"type":"numbered","onClick":true,"route":{"id":"2701","color":"#fa5050"},"card":{"title":"Minneapolis to Mackinac Island","distanceTime":"\ud83d\ude97 540 miles \u23f1\ufe0f 9 hours","photoCode":"","oX":175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-mackinac-island","cardLinkText":"Read more"};markerData[1][11]={"lonLat":["-86.75079954997764","36.14575700648668"],"best":"11","time":"870","distance":910,"type":"numbered","onClick":true,"route":{"id":"2704","color":"#fa5050"},"card":{"title":"Minneapolis to Nashville","distanceTime":"\ud83d\ude97 910 miles \u23f1\ufe0f 14 hours, 30 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-nashville","cardLinkText":"Read more"};markerData[1][12]={"lonLat":["-93.26909869189552","44.294917683808634"],"best":"12","time":"65","distance":60,"type":"numbered","onClick":true,"route":{"id":"1572","color":"#fa5050"},"card":{"title":"Minneapolis to Northfield and Faribault","distanceTime":"\ud83d\ude97 60 miles \u23f1\ufe0f 1 hour, 5 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][13]={"lonLat":["-93.38635293446114","45.20920680257092"],"best":"13","time":"25","distance":22,"type":"numbered","onClick":true,"route":{"id":"2692","color":"#fa5050"},"card":{"title":"Minneapolis to Anoka","distanceTime":"\ud83d\ude97 22 miles \u23f1\ufe0f 25 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][14]={"lonLat":["-104.99256818243175","39.74342073426737"],"best":"14","time":"805","distance":873,"type":"numbered","onClick":true,"route":{"id":"732","color":"#fa5050"},"card":{"title":"Minneapolis to Denver","distanceTime":"\ud83d\ude97 873 miles \u23f1\ufe0f 13 hours, 25 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-denver","cardLinkText":"Read more"};markerData[1][15]={"lonLat":["-91.22489029612673","43.36853660777661"],"best":"15","time":"194","distance":177,"type":"numbered","onClick":true,"route":{"id":"1579","color":"#fa5050"},"card":{"title":"Minneapolis to Great River Road","distanceTime":"\ud83d\ude97 177 miles \u23f1\ufe0f 3 hours, 14 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][16]={"lonLat":["-95.37776406139011","45.884928805171945"],"best":"16","time":"150","distance":145,"type":"numbered","onClick":true,"route":{"id":"1574","color":"#fa5050"},"card":{"title":"Minneapolis to Brainerd and Nisswa","distanceTime":"\ud83d\ude97 145 miles \u23f1\ufe0f 2 hours, 30 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][17]={"lonLat":[" -93.62967","44.669319"],"best":"17","time":"40","distance":36,"type":"numbered","onClick":true,"route":{"id":"2694","color":"#fa5050"},"card":{"title":"Minneapolis to Jordan","distanceTime":"\ud83d\ude97 36 miles \u23f1\ufe0f 40 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][18]={"lonLat":[" -89.40085274013778","43.07223512486627"],"best":"18","time":"246","distance":269,"type":"numbered","onClick":true,"route":{"id":"1583","color":"#fa5050"},"card":{"title":"Minneapolis to Madison","distanceTime":"\ud83d\ude97 269 miles \u23f1\ufe0f 4 hours, 6 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][19]={"lonLat":[" -90.81318758747585","46.8120102766916"],"best":"19","time":"227","distance":230,"type":"numbered","onClick":true,"route":{"id":"1580","color":"#fa5050"},"card":{"title":"Minneapolis to Apostle Islands National Lakeshore","distanceTime":"\ud83d\ude97 230 miles \u23f1\ufe0f 3 hours, 47 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][20]={"lonLat":[" -92.53696837831252","44.566070196430545"],"best":"20","time":"60","distance":55,"type":"numbered","onClick":true,"route":{"id":"1571","color":"#fa5050"},"card":{"title":"Minneapolis to Red Wing","distanceTime":"\ud83d\ude97 55 miles \u23f1\ufe0f 1 hour","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][21]={"lonLat":[" -95.37776406139011","45.884928805171945"],"best":"21","time":"125","distance":135,"type":"numbered","onClick":true,"route":{"id":"1573","color":"#fa5050"},"card":{"title":"Minneapolis to Alexandria","distanceTime":"\ud83d\ude97 135 miles \u23f1\ufe0f 2 hours, 5 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][22]={"lonLat":[" -91.78568559336267","43.30330970500256"],"best":"22","time":"170","distance":160,"type":"numbered","onClick":true,"route":{"id":"1576","color":"#fa5050"},"card":{"title":"Minneapolis to Lanesboro and Decorah","distanceTime":"\ud83d\ude97 160 miles \u23f1\ufe0f 2 hours, 50 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][23]={"lonLat":[" -92.10050990544468","46.78666170527157"],"best":"23","time":"185","distance":217,"type":"numbered","onClick":true,"route":{"id":"1578","color":"#fa5050"},"card":{"title":"Minneapolis to Duluth and Banning State Park","distanceTime":"\ud83d\ude97 217 miles \u23f1\ufe0f 3 hours, 5 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][24]={"lonLat":[" -87.05064709921149","45.111004247170975"],"best":"24","time":"351","distance":364,"type":"numbered","onClick":true,"route":{"id":"1584","color":"#fa5050"},"card":{"title":"Minneapolis to Door County","distanceTime":"\ud83d\ude97 364 miles \u23f1\ufe0f 5 hours, 51 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][25]={"lonLat":[" -91.25186680254392","43.81382715608049"],"best":"25","time":"170","distance":147,"type":"numbered","onClick":true,"route":{"id":"1575","color":"#fa5050"},"card":{"title":"Minneapolis to Winona and La Crosse","distanceTime":"\ud83d\ude97 147 miles \u23f1\ufe0f 2 hours, 50 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};markerData[1][26]={"lonLat":[" -90.3345577164549","47.75066694144819"],"best":"26","time":"259","distance":265,"type":"numbered","onClick":true,"route":{"id":"1582","color":"#fa5050"},"card":{"title":"Minneapolis to Grand Marais","distanceTime":"\ud83d\ude97 265 miles \u23f1\ufe0f 4 hours, 19 minutes","photoCode":"","oX":175,"oY":0},"cardLink":"#","cardLinkText":""};initialMapBounds[1]=new mapboxgl.LngLatBounds(window.bounds[1].getSouthWest(),window.bounds[1].getNorthEast());const visibleMapRoutes_1=[];contentMaps[1].on('click',(e)=>{resetMarkersAndCards(1);});const markerConfig={'finish':{className:'marker_finish',size:[58,58],offset:[0,-29],span:false,best:false,text:false,},'start':{className:'marker_start',size:[58,58],offset:[0,-29],span:false,best:false,text:false,},'star':{className:'marker_star',size:[58,58],offset:[0,-29],span:false,best:false,text:false,},'numbered':{className:'mapMarkerNum',size:false,offset:[0,0],span:true,best:true,text:false,},'star-plain':{className:'mapMarkerNum markerSpanRed',size:false,offset:[0,0],span:true,best:false,text:'☆',},'grey':{className:'mapMarkerNum markerSpanGrey',size:false,offset:[0,0],span:true,best:false,text:false,},};function addMarkersToMap(m,f=null){Object.values(markerData[m]).forEach((i,n)=>{if(f!==null&&n'+t+'';}
if(mC.width&&mC.height){el.style.width=mC.width+'px';el.style.height=mC.height+'px';}
var marker=new mapboxgl.Marker(el,{offset:mC.offset}).setLngLat(i.lonLat).addTo(window.contentMaps[m]);marker.markerType=i.iconType;if(f!==null){}
i.marker=marker;if(i.best){window.bounds[m].extend(i.lonLat);}
if(i.onClick){marker.getElement().addEventListener('click',function(){event.stopPropagation();toggleMapIconClick(m,n);});}});}
markerData[1][29]={"lonLat":["-122.35442217303289","47.60186799528931"],"time":"1920","distance":1840,"type":"grey","onClick":true,"route":{"id":"802","color":"#fa5050"},"card":{"title":"Minneapolis to Seattle","distanceTime":"\ud83d\ude97 1,840 miles \u23f1\ufe0f 32 hours","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-seattle","cardLinkText":"Read more"};markerData[1][27]={"lonLat":["-113.80169373248278","48.75835207429129"],"time":"1230","distance":1335,"type":"grey","onClick":true,"route":{"id":"804","color":"#fa5050"},"card":{"title":"Minneapolis to Glacier National Park","distanceTime":"\ud83d\ude97 1,335 miles \u23f1\ufe0f 20 hours, 30 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-glacier-national-park","cardLinkText":"Read more"};markerData[1][28]={"lonLat":[" -110.58272941776119","44.44751660361109"],"time":"970","distance":1050,"type":"grey","onClick":true,"route":{"id":"2695","color":"#fa5050"},"card":{"title":"Minneapolis to Yellowstone National Park","distanceTime":"\ud83d\ude97 1,050 miles \u23f1\ufe0f 16 hours, 10 minutes","photoCode":"","oX":-175,"oY":0},"cardLink":"\/trip\/road-trip-from-minneapolis-to-yellowstone-national-park","cardLinkText":"Read more"};addMarkersToMap(1);contentMap_1.fitBounds(window.bounds[1],{padding:{top:60,bottom:60,left:60,right:60}});const sortByValue=document.querySelector('.cardListSortDropdown').value;sortMapMarkers(markerData,sortOptionsMap,sortByValue,1);}const sortOptionsMap={'best':'best','distance':'distanceSort',};function sortMapMarkers(markerData,sortOptionsMap,sortBy,listNum){const markersWithDistance=Object.values(markerData[listNum]).filter(marker=>marker.hasOwnProperty('distance')&&marker.hasOwnProperty('best'));const hasDistanceSort=markersWithDistance.some(marker=>marker.hasOwnProperty('distanceSort'));if(!hasDistanceSort){const sortedMarkers=markersWithDistance.sort((a,b)=>a.distance-b.distance);sortedMarkers.forEach((sortedMarker,index)=>{sortedMarker.distanceSort=index+1;});}
Object.keys(markerData[listNum]).forEach(iconNum=>{const marker=markerData[listNum][iconNum];if(marker.hasOwnProperty('distance')&&marker.hasOwnProperty('best')){const markerElement=document.getElementById('markerSpan-'+listNum+'-'+iconNum);if(markerElement){const propertyToUse=sortOptionsMap[sortBy]||sortBy;const v=marker[propertyToUse];if(v!==undefined){markerElement.innerHTML=v;}else{markerElement.innerHTML='';}}}});document.querySelectorAll('.cardListSortDropdown').forEach(function(dropdownUpdate){dropdownUpdate.value=sortBy;});}
(function(){function initializeSortDropdown(){document.querySelectorAll('.cardListSortDropdown').forEach(function(dropdown){dropdown.addEventListener('change',function(){const sortBy=this.value;const listNum=this.getAttribute('data-listnum');const cardsContainer=document.querySelector('.row[data-listnum=\"'+listNum+'\"]');Array.from(cardsContainer.children).sort((a,b)=>{const aValue=parseFloat(a.getAttribute('data-'+sortBy)||Infinity);const bValue=parseFloat(b.getAttribute('data-'+sortBy)||Infinity);return aValue-bValue;}).forEach((card,index)=>{cardsContainer.appendChild(card);const titleElement=card.querySelector('.card-title.cardListCardTitle');if(titleElement){const updatedTitle=(index+1)+titleElement.innerHTML.replace(/^\d+\./,'.');titleElement.innerHTML=updatedTitle;}});sortMapMarkers(markerData,sortOptionsMap,sortBy,listNum);});});}
if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',initializeSortDropdown);}else{initializeSortDropdown();}})(); var mapScriptCreated = 0;
var mapCssCreated = 0;
var mapScriptLoaded = 0;
var mapCssLoaded = 0;
var mapLoadList = [];
function showLazyMap(fname) {
if (mapScriptLoaded == 1 && mapCssLoaded == 1) {
if (!mapLoadList.includes(fname)) {
window[fname]();
mapLoadList.push(fname);
}
}
}
(function fn() {
var pics = document.querySelectorAll('.no-js-hide');
pics.forEach(function(pic) {
pic.classList.toggle('no-js-hide');
});
var lazyImages = [].slice.call(document.querySelectorAll(".lazeeload"));
if ("IntersectionObserver" in window) {
const config = {
root: null,
rootMargin: '1000px',
threshold: 0
};
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
if (lazyImage.dataset.src) {lazyImage.src = lazyImage.dataset.src;}
if (lazyImage.dataset.srcset) {lazyImage.srcset = lazyImage.dataset.srcset;}
if (lazyImage.dataset.map) {
const fname = "initMapbox_"+lazyImage.dataset.map;
if (mapScriptLoaded == 0) {
let script = document.createElement('script');
script.async=true;
script.defer=true;
script.src = "https://api.mapbox.com/mapbox-gl-js/v3.0.0/mapbox-gl.js";
script.onload = function(){
mapScriptLoaded = 1;
showLazyMap(fname);
}
document.head.appendChild(script);
mapScriptCreated = 1;
let css = document.createElement('link');
css.rel = "stylesheet";
css.href = "https://api.mapbox.com/mapbox-gl-js/v3.0.0/mapbox-gl.css";
css.onload = function(){
mapCssLoaded = 1;
showLazyMap(fname);
}
document.head.appendChild(css);
mapCssCreated = 1;
} else {
if (typeof window[fname] === 'function') {
window[fname]();
}
showLazyMap(fname);
}
}
lazyImage.classList.remove("no-js-hide");
lazyImage.classList.remove("lazeeload");
lazyImageObserver.unobserve(lazyImage);
}
});
}, config);
lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage);
lazyImage.classList.add("lazeeload-activated");
});
} else {
let active = false;
const lazyLoad = function() {
if (active === false) {
active = true;
setTimeout(function() {
lazyImages.forEach(function(lazyImage) {
if ((lazyImage.getBoundingClientRect().top <= window.innerHeight+1000 && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
if (lazyImage.dataset.src) lazyImage.src = lazyImage.dataset.src;
if (lazyImage.dataset.srcset) lazyImage.srcset = lazyImage.dataset.srcset;
if (lazyImage.dataset.onload) lazyImage.onload = lazyImage.dataset.onload;
lazyImage.classList.remove("lazeeload");
lazyImages = lazyImages.filter(function(image) {
return image !== lazyImage;
});
if (lazyImages.length === 0) {
document.removeEventListener("scroll", lazyLoad);
window.removeEventListener("resize", lazyLoad);
window.removeEventListener("orientationchange", lazyLoad);
}
}
});
active = false;
}, 200);
}
};
document.addEventListener("scroll", lazyLoad);
window.addEventListener("resize", lazyLoad);
window.addEventListener("orientationchange", lazyLoad);
}
var lazyImages = [].slice.call(document.querySelectorAll(".lazeeload"));
i=1;
lazyImages.forEach(function(lazyImage) {
if (!(lazyImage.classList.contains("lazeeload-activated"))) {
if (lazyImage.dataset.src) lazyImage.src = lazyImage.dataset.src;
if (lazyImage.dataset.srcset) lazyImage.srcset = lazyImage.dataset.srcset;
lazyImage.classList.remove("lazeeload");
}
});
})();