This repository was archived by the owner on Oct 17, 2022. It is now read-only.
svelte-maplibre-legend 0.0.13
Install from the command line:
Learn more about npm packages
$ npm install @watergis/svelte-maplibre-legend@0.0.13
Install via package.json:
"@watergis/svelte-maplibre-legend": "0.0.13"
About this version
This is a svelte component to make layer legend for maplibre-gl
npm i @watergis/svelte-maplibre-legendor
yarn add @watergis/svelte-maplibre-legendSee Example.
<script lang="ts">
import LayerListPanel from '@watergis/svelte-maplibre-legend';
// create maplibre.Map object
let map = new Map();
// set style for legend
style = map.getStyle()
// to set filter to enable to show only relative layers and alias of layer name
let relativeLayers: { [key: string]: string } = {
pipeline: 'Pipeline'
};
</script>
<LayerListPanel bind:map {style} {relativeLayers} />
<style>
@import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";
</style>This library relies on Bulma CSS. Please import Bulma CSS from either NPM or CDN. For the Bulma CSS, further information can be found here
Everything you need to build a Svelte project, powered by create-svelte.
If you're seeing this, you've probably already done this step. Congrats!
# create a new project in the current directory
npm create svelte@latest
# create a new project in my-app
npm create svelte@latest my-appOnce you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --openTo create a production version of your app:
npm run buildYou can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.
