Google Api Practice: Geocoding

This project is built with Vue.js and Google Map API, and is used to:

1. Practice utilizing geocoding service to convert an address into geographic coordinates
2. Practice using the geographic coordinates to generate a Google map with market and info window

Project First Look

 

Project setup

Clone

Clone this repository to your local machine

$ git clone https://github.com/smallpaes/google-map-api-practice-geocoding.git

Setup App

1. Enter the project folder

$ cd google-map-api-practice-geocoding

2. Install packages via npm

$ npm install

3. Place Google Map Project API Key

/public/index.html

<script src="https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>"></script>

4. Compiles and hot-reloads for development

$ npm run serve

---

Authors

• Mike Huang