Estoy obteniendo ciertos datos de la API de geolocalización y mostrando información sobre una dirección IP particular ingresada por el usuario. También estoy mostrando la ubicación usando Leaflet.js pero el mapa no funciona correctamente. Estoy obteniendo las coordenadas de la API y actualizando el centro del mapa con ellas.

El código JS se ve así:

 map = L.map('map').setView([lat, long], 13); L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/0/0/0?access_token='+ACCESS_TOKEN, { attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, id: 'mapbox/streets-v11', tileSize: 1024, zoomOffset: -1, accessToken: ACCESS_TOKEN }).addTo(map); L.marker([lat, long]).addTo(map) .bindPopup("popup") .openPopup();

¿Qué podría estar mal?