EN
Tous les modèles

Carte du bruit urbain

Quel est le bruit d'une rue, le jour et la nuit? Le bruit modélisé de six villes du Canada, un sélecteur Jour / Nuit et le niveau d'un point face à l'OMS.

Les niveaux de bruit et la recherche par point exigent le module Bruit urbain. Avec une clé qui ne l'a pas, la page montre le fond de carte, explique pourquoi et renvoie aux tarifs.
Carte du bruit · Six villes du Canada
Bloc de page

Les aperçus exécutent le code installé avec la clé de démonstration d'unmap, des composants shadcn d'origine et le thème unmap. Dans votre projet, il adopte votre thème.

Ajoutez-le avec la CLI unmap

Détecte Next.js ou Nuxt, place la page, installe les composants qu'elle utilise et déclare la variable de la clé.

npx @unmap/cli add urban-noise-map

Ajouter à votre application Next.js

npx shadcn@latest registry add @unmap=https://registry.unmap.dev/r/{name}.json
npx shadcn@latest add @unmap/urban-noise-map

Ajouter à votre application Nuxt

npx shadcn-vue@latest add https://registry.unmap.dev/r/vue/urban-noise-map.json

La page lit votre clé navigateur dans NEXT_PUBLIC_UNMAP_KEY sous Next.js, ou dans NUXT_PUBLIC_UNMAP_KEY sous Nuxt, qui exige aussi runtimeConfig: { public: { unmapKey: "" } } dans nuxt.config (unmap add écrit les deux). Autorisez l'origine de votre site pour cette clé.

Ce qu'il comprend

  • Bruit de la route, du train, des avions et des commerces, crédité à OpenStreetMap sous licence ODbL
  • Les niveaux de jour et de nuit d'un point face à la ligne directrice de l'OMS, son score et une barre par source
  • Sans le module Bruit urbain, explique pourquoi au lieu d'échouer

Bloc de page

Une page entière qui appelle l'API unmap avec votre clé. Elle s'installe dans Next.js ou Nuxt et adopte votre thème shadcn.

Lire le guide du blocÉlément du registre (JSON)