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
- 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.