L'Explorateur immobilier est une recherche immobilière avec analyse des trajets. Filtrez 25 propriétés selon le prix, les chambres, le type et le secteur, indiquez où vous vous rendez, et voyez combien de temps prend chaque propriété en voiture ou à pied, les zones à 15 et à 30 minutes, ce qui se trouve à courte distance à pied d'une propriété, et deux propriétés côte à côte. L'application est en ligne à apps.unmap.dev/property-explorer, et son code source est un projet Next.js autonome que vous pouvez cloner et exécuter avec votre propre clé.
Les annonces sont fictives et l'application le dit sur chacune : aucune n'est à vendre, aucune n'est moissonnée et aucune n'a d'adresse. Ce qui est réel, c'est leur emplacement, un point dans chacun de 25 districts communautaires résidentiels de Calgary : les temps de trajet, les zones accessibles et les lieux à proximité sont de vraies réponses d'unmap sur de vraies rues.
Ce qu'elle fait
- Filtres : prix, chambres, type et secteur de la ville, dans le navigateur.
- Une destination : cherchez un bureau ou n'importe quel lieu au Canada. L'application s'ouvre sur une destination d'exemple, le centre-ville de Calgary, indiquée comme exemple.
- Temps de trajet : en voiture ou à pied depuis chaque annonce, par l'API Matrix, dix annonces par appel et les appels envoyés ensemble. Les annonces sont triées du trajet le plus court au plus long.
- Indisponible, jamais inventé : quand la matrice n'a pas de réponse pour une annonce, elle indique « Trajet indisponible » plutôt qu'un temps, et le panneau en donne le nombre pendant que vous filtrez par durée.
- Zones accessibles : les zones à 15 et à 30 minutes de la destination, par l'API Isochrone en un appel, celle que vous avez choisie plus marquée.
- Seulement ce qui est à portée : gardez les annonces à 15 ou à 30 minutes ou moins, selon le temps affiché.
- À proximité : épiceries, écoles, parcs, pharmacies et cafés à moins de 1,5 km de la propriété ouverte, les trois plus proches de chaque type, en un appel Places.
- Comparer deux : cochez deux propriétés et lisez prix, type, chambres, salles de bain, superficie, année, quartier et trajet côte à côte.
Peu de requêtes, chacune voulue
Choisir une destination coûte quatre requêtes : trois appels à la matrice pour les 25 annonces et un appel isochrone. Les réponses sont gardées par destination et par mode : changer les filtres ou revenir à un mode ne demande rien. Ouvrir une annonce coûte un appel de proximité. Rien n'est demandé quand vous déplacez la carte.
Construite à partir du registre, sans modification
La carte, la recherche de destination, les étiquettes de prix et les zones accessibles sont des éléments du registre copiés tels quels, et le code de l'application n'appelle l'API que par @unmap/sdk. Installer les mêmes pièces dans votre projet tient en une commande :
npx @unmap/cli add map geocoder marker-popup geojson-layer map-controlsCe qu'elle ne fait pas
- De vraies annonces. Aucun flux MLS ou d'annonces n'est branché, et l'application ne présente jamais une annonce comme réelle.
- Des trajets en transport en commun. Les trajets sont en voiture ou à pied.
- L'argent ou les écoles. Pas de calcul hypothécaire, d'historique des prix, de secteurs scolaires ni de cotes.
L'exécuter vous-même
Il vous faut Git, Node.js 24, pnpm et une clé de navigateur du tableau de bord qui autorise http://localhost:3205.
git clone --depth 1 https://github.com/unmap-dev/property-explorer.git
cd property-explorer
pnpm install --frozen-lockfile
cp .env.example .env.localRéglez NEXT_PUBLIC_UNMAP_KEY dans .env.local sur votre clé, lancez pnpm dev et ouvrez localhost:3205. Les annonces sont livrées dans data/listings.sample.json; parseListings() dans lib/listings.ts vérifie votre propre fichier et liste chaque problème trouvé. La référence de l'API Routing couvre la matrice et les isochrones, et l'exemple de zones accessibles couvre leur tracé.
