Estoy tratando de mostrar la ubicación del usuario en un mapa de folleto.

He buscado e investigado y todavía no pude implementar el código correctamente. He intentado usar:

 navigator.geolocation.getCurrentPosition(getPosition)

pero no debo estar implementando el código correctamente. aquí está mi código para el mapa del folleto. muestre cómo puedo hacer que muestre la ubicación del usuario en lugar de la coordenada fija

 <div class="text-block"> <h5 class="mb-4">Listing location</h5> <div class="map-wrapper-300 mb-3"> <div class="h-100" id="detailMap"></div> </div> </div> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512- GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <!-- Available tile layers--> <script src="/js/map-layers.js"></script> <script src="/js/map-detail.js"></script> <script> createDetailMap({ mapId: 'detailMap', mapZoom: 14, mapCenter: [26.3750, -80.1011], circleShow: true, circlePosition: [26.3750, -80.1011] }) </script>

¡Por favor ayuda y proporciona el código si es posible! gracias