WRLD 매핑 플랫폼으로 Seinfeld 욕실 파인더 앱 구축

이 기사에서는

seinfeld 에피소드에서 영감을 얻은 WRLD API 및 ADONISJS를 사용하여 실시간 욕실 파인더 앱을 구축하는 것을 보여줍니다. 이 앱은 사용자가 근처의 공공 화장실을 찾도록 도와줍니다

주요 특징 및 기술 :

실시간 위치 : 정확한 위치 데이터 및 3D 맵 시각화를 위해 WRLD API를 활용합니다.

adonisjs 백엔드 : node.js 프레임 워크 효율적인 데이터 처리 및 캐싱을위한 서버 측 API를 생성합니다.

캐싱 시스템 : adonisjs를 사용하여 자주 액세스하는 위치 데이터를 저장하여 성능을 향상시킵니다. Google 거리 매트릭스 API : 정확한 결과를 위해 사용자와 시설 사이의 거리를 계산합니다. 맵 하이라이트 :

는 WRLD 맵에서 색상으로 구분 된 건물 하이라이트를 사용하여 화장실 가용성 및 등급을 나타냅니다. 데이터 출처 :

공개 화장실 정보를 위해 refugerestrooms.org API를 활용합니다. 프론트 엔드 개발 :
• 는 정적 자산을 구축하는 데 Parceljs를 사용하고 MAP 통합을 위해 WRLD SDK를 사용합니다.
튜토리얼은 위치 데이터를 캐시하고 CORS 요청을 처리하기 위해 Adonisjs API를 작성하는 프로세스를 자세히 설명합니다. 사용자의 위치가 요청되면 먼저 캐시를 확인합니다. 근처의 데이터가 10 미터 반경 내에 발견되지 않으면 Google 거리 매트릭스 API를 사용하여 피난처 화장실 API를 쿼리하여 근접성을 결정합니다. 그런 다음 화장실이있는 건물은 WRLD지도에서 강조되며 등급을 기준으로 색상으로 구분됩니다 (좋은 경우 녹색, 가난한 경우 빨간색). 각 건물에는 추가 세부 정보가 포함 된 정보 카드가 표시됩니다
이 기사는 또한 인앱 광고 또는 프리미엄 기능과 같은 잠재적 수익 창출 전략을 탐색하여 앱을 실행 가능한 비즈니스로 변환합니다. 서버 구성에서 프론트 엔드 개발에 이르기까지 앱 설정을위한 포괄적 인 안내서를 제공합니다. 전체 코드는 Github에서 사용할 수 있습니다. 튜토리얼은 다음과 같습니다
캐싱 용 Adonisjs 서버 및 데이터베이스 설정 refugerestrooms.org 및 취급 Cors의 시설 데이터 가져 오기 거리 계산을위한 Google 거리 행렬 API 통합 컬러 코딩 등급으로 WRLD지도의 건물을 강조 표시합니다
• 최종 섹션에서는 광고 및 프리미엄 기능을 포함하여 앱의 잠재적 비즈니스 모델에 대해 설명합니다. 이 프로젝트는 상업용 응용 프로그램에 WRLD API를 사용하는 실질적인 예입니다.
이 기사는 WRLD 3D가 후원했습니다. Sitepoint를 가능하게하는 파트너를 지원해 주셔서 감사합니다.

위 내용은 WRLD 매핑 플랫폼으로 Seinfeld 욕실 파인더 앱 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!