Marker

CREATE, READ, UPDATE, DELETE

Get

Get all or one marker from mapsvg instance:

const markers = map.markers
const markerById = map.getMarker(MARKER_ID)

Create

After you have created the map, you can add a Marker. Creating a marker requires providing a Location, and Object (if you want to show some data on click on the marker):

const map = new mapsvg.map(CONTAINER_ID, {source: "path/to/file.svg})

const location = new mapsvg.location({
        geoPoint: new mapsvg.geoPoint({lat: 55.12, lng: 12.87}),
        img: "/path/to/markers/user-location.svg",
      })

const marker = new mapsvg.marker({
                location,
                object: {
                  field_1: "Hello world!",
                  field_2: "Apples and oranges",
                },
                map,
              })

Update

Show/hide the marker

marker.show()
marker.hide()

Update marker coordinates:

marker.update({
  geoPoint: new mapsvg.geoPoint({lat: 55.12, lng: 12.87})
})

Delete

marker.delete()