Merhabalar Arkadaşlar, Javascript ile bir kaç işlem deniyorum fakat işin içinden çıkamadım. Yardımcı olabilecek var mı ?

var mevcutKonum = "";
if (!navigator.geolocation) {
alert('Tarayıcınız Geolocation desteği bulunmuyor.')
}else{
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude
var lng = position.coords.longitude
mevcutKonum = "[" +lng + "," +lat + "]";
})
}


mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsewqd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: mevcutKonum, // buraya mevcut konum yazdırılacak
zoom: 9
});


map.on('mousemove', function(e) {

var xAlanKordinati = JSON.stringify(e.point["x"]);
var yAlanKordinati = JSON.stringify(e.point["y"]);
var latKordinat = JSON.stringify(e.lngLat.wrap()["lat"]);
var lngKordinat = JSON.stringify(e.lngLat.wrap()["lng"]);

var zoomOrani = map.getZoom();
var merkezOrani = map.getCenter();

document.getElementById('zoom').innerHTML = "Zoom Oranı:" + zoomOrani; // ALAN 1
document.getElementById('kordinat').innerHTML = "Kordinatlar: " + merkezOrani; // ALAN 2

});

mevcutKonum adlı değişkene koordinatları başarıyla alıyorum. Aldığım koordinatları bir alt taraftaki center içerisine başarıyla yazdırmam gerekiyor fakat olmadı. Ayrıca bir alt mausemove bölümündeki fonksiyonda zoomOranı ve merkezOrani değişkenine aldığım verileri fonksiyon dışına nasıl çıkartabilirim?

Teşekkürler.