<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.