How to use

Import component style at the top of the page

<link rel="stylesheet" href="https://unpkg.com/@proximahq-dev/map@latest/dist/map-styles.css">

Import mapbox style at the top of the page

<link rel="stylesheet" href="https://unpkg.com/@proximahq-dev/map@latest/dist/style.css">

Create a wrapper element to contain the component

<div id="mapContainer" />

Add a script at the bottom of the body

<script src="https://unpkg.com/@proximahq-dev/map@latest/dist/proxima-map.umd.js"></script>

<script>
  const map = new ProximaMap({
    projectSlug: 'slug (e.g. nikola)',
  });
  map.init("mapContainer");
</script>;