MAP MARKER

 WE ADD A MARKER ON THE MAP

BY THE FORMAT COPIED FROM THE DOC OF MAPBOX

MAP.JS

mapboxgl.accessToken = maptoken;

const map = new mapboxgl.Map({

  container: "map",

  style: "mapbox://styles/mapbox/streets-v12",

  zoom: 9,

  center: listing.geometry.coordinates,

});

const marker = new mapboxgl.Marker({color:"red"}).setLngLat( listing.geometry.coordinates).addTo(map);

IN SHOW.EJS

<script>

  const maptoken = "<%=process.env.MAP_TOKEN%>";

  const listing = <%- JSON.stringify(listing)%>;

 

</script>