# va-geo-input

- `control` is the `FormControl` instance, which should either have a value of an object with `latitutude` and `longitude` keys, or be `undefined`
- `zoom` is the zoom level applied to the map -- see google map's documentation for more details
- `bounds` is a `LatLngBoundsLiteral` from `@agm/core` that defines the map bounds that should fit in the viewport
- `zoom` and `bounds` both update the map as they recieve updates -- these do not lock the viewport to these values.
- `height` is the height of the map container. Defaults to `300px`.

```html
<va-geo-input [control]="control1" [bounds]="bounds"></va-geo-input>
```

```typescript
class FormsInputDocComponent {
    bounds: LatLngBoundsLiteral = {
        "north" : 52.209761,
        "east" : -106.517579,
        "south" : 52.069548,
        "west" : -106.7758751
    };
    ...
    constructor(..., private fb: FormBuilder) {
        public control1: FormControl = new FormControl();
    }
}
```