Estoy tratando de mostrar la posición de los usuarios y el indicador de rumbo en React-mapbox-gl.

 import * as React from "react"; import ReactMapGL, { GeolocateControl } from "react-map-gl"; const geolocateControlStyle = { right: 10, top: 10 }; function App() { const [viewport, setViewport] = React.useState({ longitude: -122.45, latitude: 37.78, zoom: 14 }); return ( <ReactMapGL {...viewport} width="80vw" height="80vh" onViewportChange={setViewport} mapboxApiAccessToken={ "<token here>" } > <GeolocateControl style={geolocateControlStyle} positionOptions={{ enableHighAccuracy: true }} trackUserLocation={true} auto /> </ReactMapGL> ); }

Actualmente solo tengo donde está el usuario, no su título actual.

Lo que quiero es mostrar el encabezado actual, así:

Encontré la opción para agregar el indicador de encabezado en los documentos ( https://docs.mapbox.com/mapbox-gl-js/api/markers/#geolocatecontrol ), y hay una opción para mostrar el encabezado del usuario en el contenedor de reacción. ¿Y no puedo entender cómo agregar esta opción en el contenedor de reacción?

Aquí está la documentación de accesorios de GeoLocation: https://visgl.github.io/react-map-gl/docs/api-reference/geolocate-control