---
title: "Weather Plus pressure isolines layer labels | Weather SDK | Weather plus | JavaScript maps SDK"
description: "Display high and low atmospheric pressure extreme value labels."
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# Weather Plus pressure isolines layer labels
Experience the visualization of weather [pressure isolines](https://docs.maptiler.com/sdk-js/modules/weather/api/pressure-isolines/) on the [MapTiler Weather Plus](https://www.maptiler.com/weather/). Utilize the Pressure dataset to access this layer and observe the extreme values of high and low pressure.
By employing the [`showPressureLabels` function](https://docs.maptiler.com/sdk-js/modules/weather/api/isolines/#methods#showPressureLabels) within the pressure layer, these extreme Hi/Lo pressure values are prominently displayed for easy reference.
### NPM module setup
```bash
npm install --save @maptiler/sdk @maptiler/weather-plus
```
#### main.js
```js
import { Map, MapStyle, config } from '@maptiler/sdk';
import '@maptiler/sdk/dist/maptiler-sdk.css';
import { PressureIsolineLayer } from '@maptiler/weather-plus';
config.apiKey = 'YOUR_MAPTILER_API_KEY_HERE';
const map = (window.map = new Map({
container: 'map', // container's id or the HTML element to render the map
style: MapStyle.BACKDROP, // stylesheet location
projectionControl: true,
projection: 'globe',
zoom: 1.5,
center: [-15.5, 15.2],
}));
const labelsButton = document.getElementById("show-labels");
let hasLabels = false;
const weatherLayer = new PressureIsolineLayer({
opacity: 0.8,
});
map.on('load', function () {
map.setPaintProperty("Water", 'fill-color', "rgba(0, 0, 0, 0.4)");
map.addLayer(weatherLayer, 'Water');
});
labelsButton.addEventListener("click", () => {
hasLabels = !hasLabels;
labelsButton.innerText = hasLabels ? "Hide labels" : "Show labels";
if (hasLabels) {
weatherLayer.showPressureLabels();
} else {
weatherLayer.hidePressureLabels();
}
});
```
#### index.html
```html
Display a pressure isolines layer
```
## Learn more
Look at the [Weather Plus pressure isolines layer](https://docs.maptiler.com/sdk-js/examples/weather-plus-pressure-isolines/) example
Look at the [Weather Plus pressure isolines layer animated](https://docs.maptiler.com/sdk-js/examples/weather-plus-pressure-isolines-animated/) example
Check out the [Weather JS module reference](https://docs.maptiler.com/sdk-js/modules/weather/)
Check out the [Pressure Isolines layer reference](https://docs.maptiler.com/sdk-js/modules/weather/api/pressure-isolines/)
## Related examples
### [Weather custom popup](https://docs.maptiler.com/sdk-js/examples/weather-custom-popup/)
Examples
Create highly customizable popups for weather maps using MarkerLayout.
### [Weather layer switcher](https://docs.maptiler.com/sdk-js/examples/weather-layer-switcher/)
Examples
Switch weather layers and view detailed data under cursors.
### [Weather+ wind arrow layer](https://docs.maptiler.com/sdk-js/examples/weather-plus-wind-arrow/)
Examples
Visualize wind direction and speed using animated wind arrows.
### [Weather+ pressure isolines layer animated](https://docs.maptiler.com/sdk-js/examples/weather-plus-pressure-isolines-animated/)
Examples
Animate atmospheric pressure isolines and view precise cursor data.