Как извлечь координаты моего геолокации (текущего положения) с помощью mapbox?

Question

https://codepen.io/Maximusssssu/pen/dyGxwMm

mapboxgl.accessToken = 'pk.eyJ1IjoibWF4aW11czEzMTIiLCJhIjoiY2s4bXU2bWp2MDVkdDNucDNvOTc2MHdueCJ9.ilwrzH23r2G3_pfxaJn6IQ';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [-96, 37.8], // starting position
    zoom: 3 // starting zoom
});                                      


// Add geolocate control to the map.
map.addControl(
    new mapboxgl.GeolocateControl({
        positionOptions: {
            enableHighAccuracy: true
        },
        trackUserLocation: true
    })
);

Щелкните в правом верхнем углу карты, чтобы просмотреть свое местоположение.

Это демонстрация мой код. Я хочу console.log (), текущую позицию y. Как это сделать? Я дам вам свой голос, если у вас есть возможность показать свою полную демонстрацию, как и мою. Или еще ...

Answer 1

Попробуйте:

const map = new mapboxgl.Map({
  container: 'map', // container id
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [-96, 37.8], // starting position
  zoom: 3, // starting zoom
});

// Add geolocate control to the map.
const geolocate = new mapboxgl.GeolocateControl({
  positionOptions: {
    enableHighAccuracy: true,
  },
  trackUserLocation: true,
});

map.addControl(geolocate);
// Set an event listener that fires
// when a geolocate event occurs.
geolocate.on('geolocate', function (ev) {
  console.log(ev.coords); // you'll get the coordinates
});

Обновленный код: https://codepen.io/sako_me/pen/MWKNZVJ