Weather-Map-Card

KO | EN

gitlite — search

#artificial-intelligence #cpp #pytorch #self-hosted #csharp #machine-learning #chatbot #generative-ai #swift #editor

Weather-Map-Card

(★ 14)

No description available.

File Explorer

ZIP Download

- home-circle-dark.svg
- home-circle-light.svg
- weather-radar-card.js
- - select.js
  - switch.js
  - textfield.js
- formfield.js
- select.js
- slider.js
- switch.js
- textfield.js
- ignore.js
- - localize.ts
- .eslintrc.cjs
- const.ts
- editor.ts
- style.css
- types.ts
- weather-radar-card.ts
.eslintrc.cjs
.gitignore
.prettierrc.js
LICENSE
package-lock.json
package.json
README.md
rollup.config.dev.js
rollup.config.js
tsconfig.json

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This is a fork with massive rewrite of the [Weather Radar Card](https://github.com/Makin-Things/weather-radar-card) for home assistant.

Known issues:
- [ ] **Can't be installed via HACS**
- [ ] Marker does not show up
- [ ] Mobile locations are not implmented
- [ ] Panel cards behave weirdly
- [ ] Sections sizing is not yet implmented
- [ ] Lots of test and debug needed
- [ ] Zoom works to all levels but radar resolution doesn't increse withe zoom (data provider limitation)

# Weather Radar Card (MapTiler Edition)

A Home Assistant weather radar card powered by the **MapTiler Weather SDK**. This card provides a high-performance, interactive map with continuous radar history and forecast animations, globe/mercator projections, and multiple weather data layers.

[![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg?style=for-the-badge)](https://github.com/hacs/integration)
![Maintenance](https://img.shields.io/maintenance/yes/2026?style=for-the-badge)

## Description

This card is a complete rewrite of the original Weather Radar Card, moving from legacy tile providers to the modern MapTiler Weather SDK. It offers:
- **Smooth Animations:** Continuous weather loops with history and forecast data.
- **Multiple Layers:** Switch between Radar, Precipitation, Temperature, and Wind.
- **Interactive UI:** Tap-to-switch layers, timeline scrubbing, and zoom/recenter controls.
- **Themed Design:** Automatically matches your Home Assistant theme colors.
- **Flexible Coordinates:** Support for static coordinates or dynamic entity-based locations.

## Options

All options below can be configured using the **Visual Editor**.

## Weather Layers

Tapping the **Layer Name overlay** (top-left) on the map opens a menu to switch between:
- **Radar**: Real-time and historical precipitation radar.
- **Precipitation**: Global precipitation forecast.
- **Temperature**: Global temperature map.
- **Wind**: Global wind speed and direction.

## Location Coordinates

You can specify coordinates in three ways:
1. **Numeric**: `-25.567607`
2. **Entity ID**: `"device_tracker.my_phone"` (uses the `latitude` and `longitude` attributes).
3. **Advanced**: `{ "entity": "sensor.my_location", "latitude_attribute": "lat_attr" }`

### Mobile Overrides  (not yet implmented)
You can set `mobile_center_latitude`, etc., to override values specifically when the card is accessed from the Home Assistant mobile app or a mobile browser.

## Installation

### Via HACS
Not yet.

### Manual Installation
If you are not comfortable cloning git repost don't install this yet.

## Changelog
See [CHANGELOG.md](CHANGELOG.md) for full history.

Weather-Map-Card

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Weather-Map-Card

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README