map.on('load', () => {

        // Add a source and layer displaying a point which will be animated in a circle.
        map.addSource('route', {
                                "type": "geojson",
                                "data": route
                                });

        map.addSource('point', {
                                "type": "geojson",
                                "data": point
                                });

        map.addLayer({
                        "id": "route",
                        "source": "route",
                        "type": "line",
                        "paint": {
                        "line-width": 2,
                        "line-color": "#007cbf"
                        }
                        });