Making ISS 🛰️ tracker using Leaflet and Svelte V2

#svelte #javascript #showdev

A few months ago I made an ISS tracker and it had too many lines of code although easy it wasn't beginner-friendly so a month ago I started to work on making a user-friendly svelte wrapper for leafletjs which reduces the complexity drastically! check out the demo here

Quick start guide

Install via npm i npm i @anoram/leaflet-svelte.

<script>
import Map from '@anoram/leaflet-svelte'
let options={
  center: [13,80],
  markers: [
    {
      lat: 13,
      lng: 80
    }
  ],
  mapID: "map"
}
</script>
<style>
  .map {
    height: 600px;
    width: auto;
  }
</style>
<div class="map">
  <Map {options} />
</div>

Svelte REPL: https://svelte.dev/repl/a6a5c969aaf544018e5a4a9d7ea9e031?version=3.29.0

An updated version of ISS Tracker https://iss.anoram.com/

Repo here https://github.com/peopledrivemecrazy/svelte-iss

Enjoy!

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more