Map

Map layouts are used in the Glowing

Map

<section class="pt-10 pb-10">
    <div class="container">
        <div id="map" class="mapbox-gl map-point-animate"
             style="height: 530px"
             data-mapbox-access-token="pk.eyJ1IjoiZzVvbmxpbmUiLCJhIjoiY2t4NnVqejBmMWk5NzJ1cWtzeml1anZ5ayJ9.GEYdkAcq2gPMmXGvA7UtIg"
             data-mapbox-options='{"center":[-106.53671888774004, 35.12362056187368],"setLngLat":[-106.53671888774004, 35.12362056187368],"zoom":5,"style":"mapbox://styles/mapbox/light-v10"}'
             data-mapbox-marker='[{"position":[-102.53671888774004, 38.12362056187368],"className":"marker","backgroundImage":"../../images/marker.png","backgroundRepeat":"no-repeat","width":"70px","height":"70px"}
             ,{"position":[-109.03671888774004, 33.02362056187368],"className":"marker","backgroundImage":"../../images/marker.png","backgroundRepeat":"no-repeat","width":"70px","height":"70px"}]'
        ></div>
    </div>
</section>