Переменная начало не может быть определена при использовании геолокации для определения текущего местоположения

Question

Я пытаюсь создать картографическую систему, которая определяет текущее местоположение текущего пользователя и показывает маршрут к месту назначения на карте с помощью API Mapbox.Я все еще новичок в Javascript, и я попытался получить координаты из текущего местоположения, чтобы использовать их внутри map.on('load', () => { ... }).Но переменная start всегда не определена внутри функции route.

. Вопрос в том, куда мне поместить обработчик событий navigator, чтобы убедиться, что переменная state не определена.

var start=null; 

navigator.geolocation.getCurrentPosition(position => {
        console.log(position.coords.latitude, position.coords.longitude); 
        start = [ position.coords.longitude, position.coords.latitude ];
        console.log("inside" + start); 
});  

map.on('load', function() {
        getRoute(start);
});

function getRoute(start) {
        var end = [101.66742149419679, 3.119688406265425];
        var url = 'https://api.mapbox.com/directions/v5/mapbox/cycling/' + start[0] + ',' + start[1] + ';' + end[0] + ',' + end[1] + '?steps=true&geometries=geojson&access_token=' + mapboxgl.accessToken;
}