mapkit.init({
  language: 'en',
  authorizationCallback: done => {
    done('my-map-token');
  },
});

const map: mapkit.Map = new mapkit.Map(
  document.querySelector<HTMLElement>('.test'),
  {
    isZoomEnabled: true,
    isRotationEnabled: false,
    tintColor: 'green',
  },
);

const colors = mapkit.Map.ColorSchemes.Dark;

const coordinate = new mapkit.Coordinate(1000, 1000);
const factory = (coordinate: mapkit.Coordinate) => {
  const el = document.createElement('div');

  el.textContent = `${coordinate.longitude}, ${coordinate.latitude}`;

  return el;
};

map.addAnnotation(new mapkit.Annotation(coordinate, factory));

const mapPoint: mapkit.MapPoint = coordinate.toMapPoint();