←Examples

Multiple markers that are far apart @0.0.4^

Recenter and set map view to center of both the locations or a set of markers.

<script>
  import Map from "@anoram/leaflet-svelte";
   let options = {
    recenter: true,
    markers: [
      {
        lat: 1,
        lng: 1,
      },
      {
        lat: 13,
        lng: 80,
      },
    ],
    mapID: "map",

  };
  
</script>

<style>
  .map {
    height: 600px;
    width: auto;
  }

</style>


<div class="map">
  <Map {options} />
</div>

Note

recenter by default is false, setting it to true and maxZoom/minZoom values will not work, however if you give value for zoom it will reset and zoom the map as far as it can go and have all markers in the view.