zaichaopan / airbnb-map-search

Airbnb Map Search Page Rebuilt with Vue

Airbnb Map Search Page

This repo recreates airbnb map search page using vue. It demonstrates:

• use Vue to implement a complicated page
• use google map api for autocomplete address when searching
• adding multiple markers on google map
• customize markers, labels and info window.
• dynamical fetch data based on google map boundary

Installation

• Clone the repo
• Create a env file in the root directory
• Add your google map key in the env file

// your env file
VUE_APP_GOOGLE_MAP_KEY=your_google_map_key

• Install dependencies

npm install

• Build the assets

npm run build

• Start the server

npm run serve

• Visit the site http://localhost:8080/ in your browser.