---
title: "Weather Plus pressure isolines layer | Weather SDK | Weather plus | JavaScript maps SDK"
description: "Visualize atmospheric pressure isolines using Weather Plus datasets."
---
> 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
Visualize the weather [pressure isolines layer](https://docs.maptiler.com/sdk-js/modules/weather/api/pressure-isolines/) from [MapTiler Weather Plus](https://www.maptiler.com/weather/) Pressure dataset. Gain insights into the atmospheric pressure patterns and visualize them in a visually captivating manner.
### 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: 2,
center: [-2.2, 37.8],
}));
const weatherLayer = new PressureIsolineLayer();
map.on('load', function () {
map.setPaintProperty("Water", 'fill-color', "rgba(0, 0, 0, 0.4)");
map.addLayer(weatherLayer, 'Water');
});
```
#### index.html
```html
Display a pressure isolines layer
```
#### style.css
```css
body { margin: 0; padding: 0; font-family: sans-serif; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; background-color: #444952;}
```
### Basic JavaScript setup
```html
Display a pressure isolines layer
```
## Learn more
Look at the [Weather Plus pressure isolines layer labels](https://docs.maptiler.com/sdk-js/examples/weather-plus-pressure-isolines-labels/) 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+ 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.
### [Weather+ pressure isolines layer labels](https://docs.maptiler.com/sdk-js/examples/weather-plus-pressure-isolines-labels/)
Examples
Display high and low atmospheric pressure extreme value labels.