<div class="mapbox">
<div class="mapbox_entries">
<div class="mapbox_entries_content"></div>
</div>
<div class="mapbox_overlay" inert aria-hidden="true">
<p class="mapbox_overlay_name"></p>
<div class="mapbox_overlay_location">
<div class="mapbox_overlay_location_icon"><svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg></div>
<div class="mapbox_overlay_location_title"></div>
</div>
<a href="" class="mapbox_overlay_link" target="_blank">Visit Website</a>
<ul class="mapbox_overlay_list"></ul>
<button class="
">
<span class="_inner">
<span class="_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
<div class="mapbox_map">
<div class="mapbox_map_map"></div>
</div>
<script type="application/json" data-key="config">
{
"apiKey": "pk.eyJ1IjoiZmFzdHNwb3QiLCJhIjoiY2xuMjM0NmtjMDQ2ZDJscGVqM3hiOXdqYyJ9.BocWGzDH94unCk0KAyorGA",
"styleURL": "mapbox://styles/mapbox/dark-v10",
"locations": [{
"name": "Lorem Ipsum University",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"link": "https://loremipsumuniversity.com",
"address": {
"city": "Abilene",
"state": "Texas",
"state_abbr": "TX",
"coordinates": [-99.733143, 32.448736]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#FF5733"
}, {
"name": "Lorem Ipsum Technical College",
"description": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
"link": "https://loremipsumtechnicalcollege.com",
"address": {
"city": "Aiken",
"state": "South Carolina",
"state_abbr": "SC",
"coordinates": [-81.741529, 33.560417]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#33FF57"
}, {
"name": "Voluptatem Accusantium",
"description": "Et harum quidem rerum facilis est et expedita distinctio.",
"link": "https://voluptatemaccusantium.com",
"address": {
"city": "New York",
"state": "New York",
"state_abbr": "NY",
"coordinates": [-74.006058, 40.712776]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#33A1FF"
}, {
"name": "Lorem Ipsum Power Company",
"description": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.",
"link": "https://loremipsumpowercompany.com",
"address": {
"city": "Birmingham",
"state": "Alabama",
"state_abbr": "AL",
"coordinates": [-86.80249, 33.520661]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#3357FF"
}, {
"name": "Lorem Ipsum Electric Cooperative, Inc.",
"description": "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
"link": "https://loremipsumelectriccooperative.com",
"address": {
"city": "Harrisburg",
"state": "Pennsylvania",
"state_abbr": "PA",
"coordinates": [-76.884418, 40.273191]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#FF33A1"
}, {
"name": "Lorem Ipsum University",
"description": "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.",
"link": "https://loremipsumuniversity.com",
"address": {
"city": "Aiken",
"state": "South Carolina",
"state_abbr": "SC",
"coordinates": [-81.741529, 33.560417]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#33FFA1"
}, {
"name": "Lorem Ipsum Power Management, LLC",
"description": "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.",
"link": "https://loremipsumpowermanagement.com",
"address": {
"city": "Baton Rouge",
"state": "Louisiana",
"state_abbr": "LA",
"coordinates": [-91.140319, 30.458283]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#A133FF"
}, {
"name": "Lorem Ipsum Nur",
"description": "Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit.",
"link": "https://loremipsumnur.com",
"address": {
"city": "Denver",
"state": "Colorado",
"state_abbr": "CO",
"coordinates": [-104.990251, 39.739236]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#FF5733"
}, {
"name": "Dolor Sit Amet",
"description": "Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse.",
"link": "https://dolorsitamet.com",
"address": {
"city": "San Francisco",
"state": "California",
"state_abbr": "CA",
"coordinates": [-122.419418, 37.774929]
},
"results": ["Ut enim ad minim veniam", "Consectetur adipiscing elit", "Quis nostrud exercitation ullamco", "Sed do eiusmod tempor incididunt", "Lorem ipsum dolor sit amet"],
"pinColor": "#33FF57"
}, {
"name": "Consectetur Elit",
"description": "Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit.",
"link": "https://consectetuelit.com",
"address": {
"city": "Seattle",
"state": "Washington",
"state_abbr": "WA",
"coordinates": [-122.335167, 47.608013]
},
"results": ["Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Consectetur adipiscing elit", "Lorem ipsum dolor sit amet", "Ut enim ad minim veniam"],
"pinColor": "#3357FF"
}, {
"name": "Lorem Ipsum Nur",
"description": "Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit.",
"link": "https://loremipsumnur.com",
"address": {
"city": "Kenilworth",
"state": "Illinois",
"state_abbr": "IL",
"coordinates": [-87.717847, 42.089474]
},
"results": ["Lorem ipsum dolor sit amet", "Consectetur adipiscing elit", "Sed do eiusmod tempor incididunt", "Ut labore et dolore magna aliqua", "Ut enim ad minim veniam", "Quis nostrud exercitation ullamco"],
"pinColor": "#33FF57"
}]
}
</script>
</div>
<div class="mapbox">
<div class="mapbox_entries">
<div class="mapbox_entries_content"></div>
</div>
<div class="mapbox_overlay" inert aria-hidden="true">
<p class="mapbox_overlay_name"></p>
<div class="mapbox_overlay_location">
<div class="mapbox_overlay_location_icon">{{ icon('place') }}</div>
<div class="mapbox_overlay_location_title"></div>
</div>
<a href="" class="mapbox_overlay_link" target="_blank">Visit Website</a>
<ul class="mapbox_overlay_list"></ul>
{% include '@partial-button' with {
title: '',
class: 'mapbox_overlay_close',
js: false,
icon: 'close',
aria: 'Close'
} %}
</div>
<div class="mapbox_map">
<div class="mapbox_map_map"></div>
</div>
<script type="application/json" data-key="config">
{
"apiKey": "{{ apiKey }}",
"styleURL": "{{ styleURL }}",
"locations": {{ locations | json_encode | raw }}
}
</script>
</div>
No notes defined.