Add a geocoder
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
// TO MAKE THE MAP APPEAR YOU MUST
// ADD YOUR ACCESS TOKEN FROM
// https://account.mapbox.com
mapboxgl.accessToken = ‘pk.eyJ1Ijoia29temluc2tpIiwiYSI6ImNtM3d5eGl3NTE4eHIybHM3MW94YWtmamQifQ.OtfgiOFlTfUTs6GudLdFUg’;
const map = new mapboxgl.Map({
container: ‘map’,
// Choose from Mapbox’s core styles, or make your own style with Mapbox Studio
style: ‘mapbox://styles/mapbox/streets-v12’,
center: [-3.2189, 40.1317],
zoom: 13
});
// Add the control to the map.
map.addControl(
new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
mapboxgl: mapboxgl
})
);
