CONNECTING it All

if( typeof window.mapbox != 'Object' ){ window.mapbox = {}; }

mapboxgl.accessToken = 'pk.eyJ1IjoiY3JlYXRpdmVjaXJjbGUiLCJhIjoiY2s0aXBhY3h3MDZlZjNsbnM1eGR3YW80cSJ9.7xkqNx9F4O-0EqAYBXFNmg';

// Spawn a map window.mapbox[''] = new mapboxgl.Map({ container: 'mapbox_6c34', style: 'mapbox://styles/mapbox/streets-v11', zoom: 13, center: [ -81.6806296000, 30.3150521000 ] });

// Add our locations var bounds = new mapboxgl.LngLatBounds();

// Create a DOM element for the marker var el = document.createElement('div'); el.className = 'marker'; el.style.backgroundImage = 'url(https://499c5dde9963d0b3ee86-019e649c341632cf56fb3a0bbe5a8c26.ssl.cf1.rackcdn.com/blue-marker.png)'; el.style.width = '32px'; el.style.height = '40px';

// Add marker to map new mapboxgl.Marker(el) .setLngLat([-81.6806296000, 30.3150521000]) .addTo(window.mapbox['']);

window.mapbox[''].fitBounds(bounds, { padding: 30 });