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: about 2 months 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 (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-07-12T04:26:02.000Z (2 months ago)
• Last Synced: 2024-07-12T05:36:50.799Z (2 months ago)
• Topics: maplibre, maplibre-gl-js, mapping, svelte
• Language: Svelte
• Homepage: https://svelte-maplibre.vercel.app
• Size: 1.55 MB
• Stars: 288
• Watchers: 7
• Forks: 34
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-maplibre - svelte-maplibre - Provides a Svelte integration. (Bindings / JavaScript)

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)