MarkerCollection

map.on("ready", function() {
  // Create a MarkerCollection instance via `level.markers()`, which can only be
  // called once a unit map has loaded. In this example, we add a marker to the
  // map's last level.

  var markers = map.levels().last().markers();  
  var myMarker = markers.add({
    id: "my-marker",
    translate: [200, 200],
    cursor: "pointer",
    draggable: false,
    size: [64, 64],
    icon: {
      url: "https://cdn.sightmap.com/app/icons/markers/pin-star.svg",
      size: [512, 512],
      // Set the anchor point to bottom center of the icon.
      anchor: [256, 512],
    },
    hitarea: null,
  });
});