# angular2-google-place

> google place auto complete search feature for angular 2 with easy integration

Latest version **2.0.2** (published 2017-06-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular2-google-place
pnpm add angular2-google-place
yarn add angular2-google-place
bun add angular2-google-place
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2017-06-11 |
| First published | 2017-01-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 11 |
| Known vulnerabilities | 0 (+24 in 4 direct dependencies) |
| Install scripts | no |
| Author | Atif Saddique |
| Maintainers | atifsaddique |

## Links

- npm: https://www.npmjs.com/package/angular2-google-place
- npm.io page: https://npm.io/package/angular2-google-place

## Dependencies (11)

- [rxjs](https://npm.io/package/rxjs.md) ^5.1.0
- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.8.4
- [@angular/core](https://npm.io/package/@angular/core.md) ^4.0.0
- [@angular/http](https://npm.io/package/@angular/http.md) ^4.0.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^4.0.0
- [@angular/common](https://npm.io/package/@angular/common.md) ^4.0.0
- [@angular/router](https://npm.io/package/@angular/router.md) ^4.0.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^4.0.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^4.0.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^4.0.0

## Recent versions

- 2.0.2 (latest) — 2017-06-11
- 2.0.1 — 2017-06-11
- 2.0.0 — 2017-06-11
- 1.0.7 — 2017-01-06
- 1.0.6 — 2017-01-06
- 1.0.5 — 2017-01-05
- 1.0.4 — 2017-01-05
- 1.0.3 — 2017-01-05

## README

#Angular 2 Google Place Map Library Auto Complete


##Output
![google-search](http://image.prntscr.com/image/81dce748b78c4b7fa51623d089ce2dbf.png)


##Usage
      npm install --save angular2-google-place
      
### Add following library in your index.html

 ```
   <script src="https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&key=API_KEY"></script>
 ```

 You need to replace the key in above library with your own google api key. 
 You can generate key from here :
 [Generate Key](https://developers.google.com/places/web-service/get-api-key)
 
 You also need to enable Google Places API Web Service from google developer [Console](https://console.developers.google.com).
 
 
### Add GooglePlaceModule in your NgModule imports file 
<pre>
import {GooglePlaceModule} from "angular2-google-place"

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    <b>GooglePlaceModule</b>
  ],
  providers: [],
  bootstrap: [AppComponent]
})
</pre>

### Use google place directive like below
```
<input type="text" [(ngModel)]="address"  (setAddress)="getAddress($event)" googleplace/>
```

---
_Source: https://npm.io/package/angular2-google-place · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._