Introduction

Des composants de carte beaux et accessibles.

HWS Maps fournit des composants de carte élégants, accessibles et personnalisables pour vos applications React. Construit sur MapLibre GL, stylisé avec Tailwind CSS, et conçu pour fonctionner avec shadcn/ui.

Qu'est-ce que HWS Maps ?

HWS Maps est une collection de composants cartographiques prêts à l'emploi pour React. La plupart des solutions existantes nécessitent des configurations complexes, des clés API, ou de lourdes bibliothèques tierces. HWS Maps résout ce problème :

  • Intégration immédiate : Copiez les composants, obtenez une carte fonctionnelle. Aucun fichier de configuration, aucune clé API.
  • Votre code : Copiez les composants dans votre projet et modifiez-les librement.
  • Accès direct à l'API : Construit directement sur MapLibre. Accédez à l'API brute à tout moment.
  • Beau par défaut : Rendu soigné avec support du mode sombre. Personnalisez avec Tailwind selon vos besoins.
  • Compatible partout : Apportez vos propres tuiles — MapTiler, Carto, OSM, ou toute source compatible MapLibre.

Pourquoi MapLibre ?

HWS Maps utilise MapLibre directement, plutôt que des bibliothèques d'encapsulation comme react-map-gl. Cela maintient les composants proches de l'API sous-jacente — lorsque vous copiez un composant HWS Maps, vous possédez entièrement l'instance de carte sans dépendances de framework supplémentaires.

Les éléments d'interface comme les marqueurs, popups et infobulles sont rendus via des portails React, vous offrant une liberté totale de style. Vous pouvez accéder aux API MapLibre brutes à tout moment sans avoir à "sortir" d'un wrapper.

Compatibilité des styles

HWS Maps fonctionne avec n'importe quelles tuiles compatibles MapLibre. Vous pouvez utiliser des tuiles de pratiquement n'importe quel fournisseur :

  • MapTiler - Tuiles vectorielles élégantes avec de nombreuses options de personnalisation
  • Carto - Fonds de carte épurés, idéaux pour la visualisation de données
  • OpenStreetMap - Données cartographiques open source issues de la communauté
  • Stadia Maps - Hébergement de tuiles rapide et fiable avec plusieurs styles
  • Thunderforest - Cartes spécialisées pour la randonnée, le cyclisme et les transports
  • Et tout autre fournisseur supportant la spécification de style MapLibre

Fonctionnalités

Prêt à l'emploi

Fonctionne immédiatement avec des tuiles cartographiques gratuites. Aucune clé API requise.

Thème adaptatif

Bascule automatiquement entre les styles de carte clair et sombre.

Composable

Construisez des interfaces complexes avec des composants simples et modulaires.

TypeScript

Sécurité de typage complète avec un support TypeScript exhaustif.

Copier & Coller

Votre code vous appartient. Aucune dépendance, copiez simplement dans votre projet.

Tout style de carte

Utilisez n'importe quelles tuiles compatibles MapLibre : MapTiler, Carto, OpenStreetMap, et plus encore.