Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Built with Vue.js and Google Map API, and is used to practice utilizing geocoding service to convert an address into geographic coordinates
https://github.com/smallpaes/google-map-api-practice-geocoding

geocoding-services google-maps-api maps vuejs2

Last synced: 24 days ago
JSON representation

Built with Vue.js and Google Map API, and is used to practice utilizing geocoding service to convert an address into geographic coordinates

Awesome Lists containing this project

README

        

# 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 First Look](GoogleChrome-google_api_practice.gif)

 

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

```

```

**4. Compiles and hot-reloads for development**
```
$ npm run serve
```

___

## Authors
- [Mike Huang](https://github.com/smallpaes)