Mapbox - animate saleva project

by fxi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mapbox-gl/1.12.0/mapbox-gl.js"></script>
<div id="map"></div>

CSS

body { margin: 0; padding: 0; }
	#map { position: absolute; top: 0; bottom: 0; width: 100%; }

JavaScript

mapboxgl.accessToken = 'pk.eyJ1IjoidW5lcGdyaWQiLCJhIjoiY2lrd293Z3RhMDAzNHd4bTR4YjE4MHM0byJ9.9c-Yt3p0aKFSO2tX6CR26Q';
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/unepgrid/ckgxl1q8f2utl19lhjtdh6yk3',
        center: [6.18592,46.14099],
        zoom: 11,
        minZoom:10,
        maxZoom:21,
        pitch: 10
    });

    function render(timestamp) {
        map.rotateTo((timestamp / 100) % 360, { duration: 0 });
        requestAnimationFrame(render);
    }

    map.on('load', function () {
        render(0)
    });