node-versatiles-svelte

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

node-versatiles-svelte

★ 11 Open GitHub ↗

Svelte components and bindings for displaying VersaTiles data in MapLibre GL JS.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![NPM version](https://img.shields.io/npm/v/%40versatiles%2Fsvelte)](https://www.npmjs.com/package/@versatiles/svelte)
[![NPM downloads](https://img.shields.io/npm/dy/%40versatiles%2Fsvelte)](https://www.npmjs.com/package/@versatiles/svelte)
[![Code coverage](https://codecov.io/gh/versatiles-org/node-versatiles-svelte/branch/main/graph/badge.svg?token=DaJDN0E3Ae)](https://codecov.io/gh/versatiles-org/node-versatiles-svelte)
[![CI status](https://img.shields.io/github/actions/workflow/status/versatiles-org/node-versatiles-svelte/ci.yml)](https://github.com/versatiles-org/node-versatiles-svelte/actions/workflows/ci.yml)
[![License](https://img.shields.io/badge/license-MIT-green)](https://raw.githubusercontent.com/versatiles-org/node-versatiles-svelte/main/LICENSE)

# Svelte Components for VersaTiles

Play with them: https://versatiles.org/node-versatiles-svelte/

## Install

```bash
npm i @versatiles/svelte
```

## Components

<table>
	<tr>
		<th>Name</th>
		<th>Light Mode</th>
		<th>Dark Mode</th>
	</tr>
	<tr>
		<th>BasicMap</th>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/basic-map-light.png"></td>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/basic-map-dark.png"></td>
	</tr>
	<tr>
		<th>BBoxMap</th>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/bbox-map-light.png"></td>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/bbox-map-dark.png"></td>
	</tr>
	<tr>
		<th>LocatorMap</th>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/locator-map-light.png"></td>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/locator-map-dark.png"></td>
	</tr>
	<tr>
		<th>MapEditor</th>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/map-editor-light.png"></td>
		<td><img width="512" src="https://versatiles.org/node-versatiles-svelte/screenshots/map-editor-dark.png"></td>
	</tr>
</table>

node-versatiles-svelte

Today's picks

Was this content helpful?

Recent Feedback

node-versatiles-svelte

Today's picks

Was this content helpful?

Recent Feedback

Download README