Construisez l'application Seinfeld Bathroom Finder avec la plate-forme de mappage WRLD

Cet article montre la construction d'une application de recherche de salle de bain en temps réel à l'aide d'API WRLD et d'Adonisjs, inspirée d'un épisode de Seinfeld . L'application aide les utilisateurs à localiser les toilettes publiques à proximité.

Caractéristiques et technologies clés:

• Emplacement en temps réel: exploite les API WRLD pour les données de localisation précises et la visualisation de la carte 3D.
• ADONISJS Backend: Un framework Node.js créant une API côté serveur pour la gestion et la mise en cache des données efficaces.
• Système de mise en cache: Améliore les performances en stockant les données de localisation fréquemment accessibles à l'aide d'Adonisjs.
• API de matrice de distance Google: Calcule les distances entre les utilisateurs et les installations pour des résultats précis.
• Mapte de mise en évidence: utilise des reflets du bâtiment à code couleur sur la carte WRLD pour indiquer la disponibilité des toilettes et les notes.
• Source de données: utilise l'API Refugestroom.org pour les informations publiques.
• Développement frontal: utilise des colis pour construire des actifs statiques et le SDK WRLD pour l'intégration de la carte.

Le tutoriel détaille le processus de création d'une API ADONISJS pour mettre en cache les données de localisation et gérer les demandes CORS. Lorsque l'emplacement d'un utilisateur est demandé, l'application vérifie d'abord le cache. Si aucune donnée à proximité n'est trouvée dans un rayon de 10 mètres, il interroge l'API des toilettes Refuge en utilisant l'API de la matrice de distance Google pour déterminer la proximité. Les bâtiments avec des toilettes sont ensuite mis en évidence sur la carte WRLD, codé en couleur en fonction de leurs notes (vert pour de bon, rouge pour pauvre). Chaque bâtiment affiche une carte d'information avec des détails supplémentaires.

L'article explore également les stratégies de monétisation potentielles, telles que la publicité intégrée ou les fonctionnalités premium, transformant l'application en une entreprise viable. Il fournit un guide complet pour configurer l'application, de la configuration du serveur au développement frontal.

Le code complet est disponible sur GitHub. Le tutoriel couvre:

• Configuration d'un serveur Adonisjs et d'une base de données pour la mise en cache.
• Remplir les données des installations de Refugerestrooms.org et manipulant les cors.
• Intégration de l'API de la matrice de distance Google pour les calculs de distance.
• Soulignant les bâtiments sur la carte WRLD avec des notes codées en couleur.

La section finale traite des modèles commerciaux potentiels pour l'application, y compris la publicité et les fonctionnalités premium. Le projet est un exemple pratique de l'utilisation d'API WRLD pour les applications commerciales.

Cet article a été parrainé par WRLD 3D. Merci de soutenir les partenaires qui rendent le point de point possible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!