https://github.com/themustafaomar/libregl

A powerful Vue library for Maplibre with an intuitive API, and a collection of highly customizable components.
https://github.com/themustafaomar/libregl

gis mapbox mapbox-gl mapbox-gl-js maplibre maplibre-gl maplibre-gl-js maps visualization vuejs

Last synced: 3 months ago
JSON representation

A powerful Vue library for Maplibre with an intuitive API, and a collection of highly customizable components.

• Host: GitHub
• URL: https://github.com/themustafaomar/libregl
• Owner: themustafaomar
• License: mit
• Created: 2024-10-25T14:58:57.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-10T12:14:05.000Z (3 months ago)
• Last Synced: 2024-11-10T13:20:39.903Z (3 months ago)
• Topics: gis, mapbox, mapbox-gl, mapbox-gl-js, maplibre, maplibre-gl, maplibre-gl-js, maps, visualization, vuejs
• Language: TypeScript
• Homepage: https://libregl.vercel.app
• Size: 612 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-maplibre - LibreGL - A powerful Vue library for Maplibre with an intuitive API, and a collection of highly customizable components. (Bindings / JavaScript)

README

        
# LibreGL

LibreGL empowers your Vue applications with the full mapping and visualization capabilities of MapLibre GL.

With an intuitive API, reactive data binding, and a collection of highly customizable components, LibreGL simplifies the creation of interactive maps, rich data visualizations, and geospatial tools designed to fit your needs, for more information please visit the offical [documentation](https://libregl.vercel.app).

Originally created to integrate with [DeckGL](https://deck.gl), LibreGL marks the first step in bringing advanced map visualization tools to Vue while development on `vue-deckgl` is on hold, I'm excited to release LibreGL as the foundation, stay tuned for future updates!

## Demo

For live demo please visit [https://stackblitz.com/edit/libregl](https://stackblitz.com/edit/libregl).

Explore live examples and interactive demos in our [playground](https://github.com/themustafaomar/libregl/tree/main/packages/playground), to see `libregl` in action.

## Installation

To get started with libregl, you can install it through your preferred package manager.

```bash

npm install libregl # pnpm add libregl || yarn add libregl

```

## Quick usage

To get started with libregl in your project, follow these quick and easy steps:

```ts

import { createApp, type App } from 'vue'

import libregl from 'libregl'

const app: App = createApp(...)

app.use(libregl({

  //

}))

app.mount('#app')

```

## Todos

- [ ] Add the url Edit on Github button markdown file url.

- [ ] Copy to clipboard button.

- [ ] Releasing the stable v1.0.0.

- [ ] DeckGL support.

## License

LibreGL is released under the MIT License.