@watergis/mapbox-gl-popup

![](https://github.com/watergis/mapbox-gl-popup/workflows/Node.js%20Package/badge.svg) ![GitHub](https://img.shields.io/github/license/watergis/mapbox-gl-popup)

Usage no npm install needed!

<script type="module">
  import watergisMapboxGlPopup from 'https://cdn.skypack.dev/@watergis/mapbox-gl-popup';
</script>

README

mapbox-gl-popup

GitHub

This module adds popup control which can show attributes of targeted layers to mapbox-gl

Installation:

npm i @watergis/mapbox-gl-popup --save

Demo:

See demo.

Test:

npm run build
npm start

open http://localhost:8080.

Usage:

import { MapboxPopupControl } from "mapbox-gl-popup";
import { Map as MapboxMap } from "mapbox-gl";

import "mapbox-gl-popup/css/styles.css";

const map = new MapboxMap();
map.addControl(new MapboxPopupControl([
  'targeted sourceLayer name'
]));

Specify your sourceLayer name which you want to show popup for attributes of layer.

If you don't provide a list of layers, the control will not enable popup function.