https://github.com/dimfeld/svelte-maplibre

Svelte bindings for the MapLibre mapping library
https://github.com/dimfeld/svelte-maplibre

maplibre maplibre-gl-js mapping svelte

Last synced: 4 days ago
JSON representation

Svelte bindings for the MapLibre mapping library

• Host: GitHub
• URL: https://github.com/dimfeld/svelte-maplibre
• Owner: dimfeld
• License: mit
• Created: 2023-02-18T03:07:18.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-11-30T20:23:24.000Z (12 days ago)
• Last Synced: 2024-12-01T18:08:44.333Z (11 days ago)
• Topics: maplibre, maplibre-gl-js, mapping, svelte
• Language: Svelte
• Homepage: https://svelte-maplibre.vercel.app
• Size: 2.1 MB
• Stars: 352
• Watchers: 8
• Forks: 40
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-svelte - svelte-maplibre - Svelte bindings for the MapLibre mapping library. (UI Components / Maps)
• awesome-maplibre - svelte-maplibre - Provides a Svelte integration. (Bindings / JavaScript)
• trackawesomelist - svelte-maplibre (⭐331) - Svelte bindings for the MapLibre mapping library. (Recently Updated / [Oct 27, 2024](/content/2024/10/27/README.md))

README

        


  

  



Svelte wrapper for the maplibre mapping library.



---

This library is functional, but I'm still experimenting with extra features to make advanced functionality easier to use. It also needs proper documentation. In the meantime, the [demo site](https://svelte-maplibre.vercel.app) includes code for all the examples, and is a good place to start.

[Changelog](./CHANGELOG.md)

## Installation

```

npm install svelte-maplibre

```

## Usage

```svelte

  import { MapLibre } from 'svelte-maplibre';

  :global(.map) {

    height: 500px;

  }

```

## Developing

You should create a `.env` file to configure the environment. See the `.env.example` file for the

necessary settings.

Currently the only environment variable is a MapTiler API key, required for the 3D Buildings example.

If you don't have one, you can set this to a blank value to use the other examples.

## Credits

Logo created by [Bruce Wayyn](https://github.com/brucewayyn)