https://github.com/manishjanky/ngx-google-map
ngx-google-map is a angular 4 and above component for angular apps.
https://github.com/manishjanky/ngx-google-map
angular angular-components angular4 component google-map google-maps google-maps-javascript-api library
Last synced: 25 days ago
JSON representation
ngx-google-map is a angular 4 and above component for angular apps.
- Host: GitHub
- URL: https://github.com/manishjanky/ngx-google-map
- Owner: manishjanky
- License: mit
- Created: 2018-04-05T10:54:44.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-28T03:52:00.000Z (about 8 years ago)
- Last Synced: 2025-09-28T04:59:35.655Z (8 months ago)
- Topics: angular, angular-components, angular4, component, google-map, google-maps, google-maps-javascript-api, library
- Language: TypeScript
- Homepage:
- Size: 278 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-google-map
[](https://github.com/me-and/mdf/blob/master/LICENSE)
[]()
[](https://travis-ci.org/manishjanky/ngx-google-map)
[]()
[]()
[]()
[]()
`ngx-google-map` an Angular 4 based component for using google maps in your angular app.
## Examples
* [demo-page](https://manishjanky.github.io/ngx-google-map-demo/)
## Features
* Click to add marker
* Drag marker to select a location
* Satellite/Map view
* Zoom in / Zoom out
* Search a location
* Toogle fullscreen mode on/off
* Responsive
## Installation
* `npm install ngx-google-map`
* include google maps scripts in your index.html
`````
`````
### For webpack and tsc builds/ angular-cli builds
* import `NgxGoogleMapModule` from `ngx-google-map`:
```
import { NgxGoogleMapModule } from 'ngx-google-map'
```
* add `NgxGoogleMapModule` to the imports of your NgModule:
```
@NgModule({
imports: [
...,
NgxGoogleMapModule
],
...
})
class YourModule { ... }
```
* use `` in your templates to add google maps in your view like below
```
```
* do not forget to include google maps api in your build process, module or index.html!
## Config
### Input
* `mapType: string` - type of map that you want to be created defaults to `ROADMAP`.
* `multiplePlaces: boolean` - property whether user can select multiple places on the map defaults to `false`.
### Output
* `mapClick: EventEmitter` - click event whenever a user clicks on the map anywhere,
* `markerClick: EventEmitter` - click event when a user clicks on a marker on the map,
* `locationSelected: EventEmitter` - event whena user selects a location on the map
```
{
locations: []: selectedLocations,
}
```
## Changelog
* v1.0.0
````
Intial release
````
## Help Improve
Found a bug or an issue with this? [Open a new issue](https://github.com/manishjanky/ngx-google-map/issues) here on GitHub.
## Contributing to this project
Anyone and everyone is welcome to contribute. Please take a moment to
review the [guidelines for contributing](CONTRIBUTING.md).
* [Bug reports](CONTRIBUTING.md#bugs)
* [Feature requests](CONTRIBUTING.md#features)
* [Pull requests](CONTRIBUTING.md#pull-requests)