Skip to content

A demonstration of mapping covid-19 cases and local travel attractions in Hong Kong using Google Maps API and Geocoding API

Notifications You must be signed in to change notification settings

Andrew-FungKinHo/explore4U

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Background

With the resurgence of COVID-19 cases in Hong Kong and around the world, international travel becomes nearly impossible because of the travel restrictions imposed. Citizens are eager to go outside, yet, given the staggering numbers, they are having second thoughts. This raises the question: is there a safe way to still go on adventures and explore Hong Kong right now? Introducing our innovation - EXPLORE4U.

EXPLORE4U

EXPLORE4U is a mobile app which aims at helping users explore the local community in a personalized and safe manner, as a hackathon idea in the travel track for Hack Viral 2020.

UI/UX Interactive Link: https://www.figma.com/file/thqENL4P954ltyGo4P3wqo/explore4U?node-id=0%3A1 Final Pitch Video: https://youtu.be/RaAdIW576VU

Here is a demonstration of mapping covid-19 cases and local travel attractions in Hong Kong using Google Maps Javascript API and Geocoding API

Image of UI

The red marker indicates a COVID-19 case while the others represent a local exotic attraction. Heart symbol means a location recommended for couples, the lattern means a local tradition, to name but a few.

We present to you an opportunity to share your stories and special experiences so others can share the same feeling. Explore local culture, food, and traditions through our interactive map and regular video inputs/updates from our users.

Stay safe. Stay Active. Stay Adventurous.

Instructions

You will need an API key to be able to display the data on the Google Maps interface. For registration, go to: https://console.developers.google.com/?hl=zh-tw and make sure to enable Google Maps API and Geocoding API.

With a valid key, go to index.html and type YOUR_API_KEY to the your actual token in the html input and you will able to view the results.

About

A demonstration of mapping covid-19 cases and local travel attractions in Hong Kong using Google Maps API and Geocoding API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published