var lati = parseFloat($("#lat").val()); var lngi = parseFloat($("#lng").val()); var token = $("#token").val(); mapboxgl.accessToken = token; const map = new mapboxgl.Map({ container: 'map', // container ID // Choose from Mapbox's core styles, or make your own style with Mapbox Studio style: 'mapbox://styles/mapbox/outdoors-v12', // style URL center: [lngi, lati], // starting position zoom: 18 // starting zoom }); const marker1 = new mapboxgl.Marker({ color: 'red'}) .setLngLat([lngi, lati]) .addTo(map); map.addControl(new mapboxgl.FullscreenControl());