WRLDマッピングプラットフォームを備えたSeinfeld Bathroom Finderアプリを構築する

この記事では、

seinfeldエピソードに触発されたWRLD APIとAdonisjsを使用して、リアルタイムのバスルームファインダーアプリの構築を実証しています。 このアプリは、ユーザーが近くのパブリックトイレを見つけるのに役立ちます

主要な機能とテクノロジー：

リアルタイムの場所：
• 正確な位置データと3Dマップ視覚化のためにWRLD APIをレバレッジします。 adonisjsバックエンド：
a node.jsフレームワーク効率的なデータ処理とキャッシュのためのサーバー側APIの作成。
• キャッシングシステム：adonisjsを使用して頻繁にアクセスできる位置データを保存することでパフォーマンスを向上させます。
• Google距離マトリックスAPI：正確な結果を得るために、ユーザーと施設の間の距離を計算します。
マップハイライト：
• WRLDマップで色分けされた建物のハイライトを使用して、トイレの可用性と評価を示します。 データソース：
公共のトイレ情報のためにdefugerestrooms.org APIを利用しています。
• > フロントエンド開発：
静的資産を構築するためにParcelJSを使用し、MAP統合にWRLD SDKを使用します。
• チュートリアルの詳細Adonisjs APIを作成して位置データをキャッシュし、CORSリクエストを処理するプロセスを詳述します。 ユーザーの場所が要求されると、アプリは最初にキャッシュをチェックします。半径10メートル以内に近くのデータが見つからない場合、Google Distance Matrix APIを使用して避難トイレAPIを照会して近接を決定します。 その後、トイレを備えた建物がWRLDマップで強調表示され、その評価に基づいて色分けされています（緑のために、貧しいために赤）。 各建物には、追加の詳細が記載された情報カードが表示されます

この記事では、アプリ内広告やプレミアム機能など、潜在的な収益化戦略も調査し、アプリを実行可能なビジネスに変換します。 サーバーの構成からフロントエンド開発まで、アプリをセットアップするための包括的なガイドを提供します。

完全なコードはGitHubで利用できます。 チュートリアルのカバー：

• キャッシュ用のAdonisjsサーバーとデータベースのセットアップ
defugerestrooms.orgから施設データを取得し、CORSを処理します。
距離計算のためにGoogle距離マトリックスAPIを統合します
• 色分けされた評価を備えたWRLDマップ上の建物の強調表示。
最終セクションでは、広告やプレミアム機能など、アプリの潜在的なビジネスモデルについて説明します。 このプロジェクトは、商用アプリケーションにWRLD APIを使用する実用的な例です。

この記事はWRLD 3Dが後援しました。 SitePointを可能にしてくれたパートナーをサポートしてくれてありがとう。

以上がWRLDマッピングプラットフォームを備えたSeinfeld Bathroom Finderアプリを構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。