@watergis/svelte-maplibre-attribute-popup
v3.0.1
Published
This is a svelte component to add attribute popup plugin to maplibre
Downloads
261
Maintainers
Readme
svelte-maplibre-attribute-popup
This is a svelte component to add attribute popup plugin to maplibre.
Install
npm i @watergis/svelte-maplibre-attribute-popup
or
yarn add @watergis/svelte-maplibre-attribute-popup
Usage
See Example.
<script lang="ts">
import AttributePopupControl from '@watergis/svelte-maplibre-attribute-popup';
// create maplibre.Map object
let map = new Map();
// filter layers to show attribute popup
// show all layers' attributes if targetLayers is not specified.
let targetLayers = [
'meter',
'flow meter',
'valve',
'washout',
];
</script>
<AttributePopupControl bind:map={$map} {targetLayers} />
create-svelte
Everything you need to build a Svelte project, powered by create-svelte
.
Creating a project
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-app
Developing
Once 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 -- --open
Building
To create a production version of your app:
npm run build
You can preview the production build with npm run preview
.
To deploy your app, you may need to install an adapter for your target environment.