open-index/open-npm huggingface dataset:
npm package: @ng-maps/google
Description: **@ng-maps/google** is a simple, modular and tree-shakable library for displaying google-maps inside an angular application
Latest version: 8.0.0

# @ng-maps/google

**@ng-maps/google** is a simple, modular and tree-shakable library for displaying google-maps inside an angular application

## Installation

- Npm: `npm install @ng-maps/google`
- Yarn: `yarn add @ng-maps/google`

Then you will need to install typings for google maps as a dev dependency

- Npm: `npm install -D @types/google.maps`
- Yarn: `yarn add -D @types/google.maps`

Add `NgMapsGoogleModule` to your _AppModule_.

Provide your API key with the token provider

```ts
{
  provide: GOOGLE_MAPS_API_CONFIG,
  useValue: {
    apiKey: 'YOUR_API_KEY'
  }
}
```
npm package: @ng-maps/here
Description: Provider for Here Maps
Latest version: 2.0.0-alpha.13

# Here Maps Module

Provider for Here Maps

## Installation

Install with your favorite package manager

`npm i -S @ng-maps/here`

or

`yarn add @ng-maps/here`

## Add to AppModule

Add the following line to your AppModule

`NgMapsHereModule.forRoot({})`
npm package: @ng-maps/marker-clusterer
Description: **@ng-maps/marker-clusterer** is a wrapper around [MarkerClusterer](https://github.com/googlemaps/js-markerclusterer)
Latest version: 8.0.0

# @ng-maps/marker-clusterer

**@ng-maps/marker-clusterer** is a wrapper around [MarkerClusterer](https://github.com/googlemaps/js-markerclusterer)

## Installation

- Npm: `npm install @ng-maps/marker-clusterer`
- Yarn: `yarn add @ng-maps/marker-clusterer`

Add `NgMapsMarkerClustererModule` to your _AppModule_

## Usage

### MarkerClusterer

Add marker clusterer component around markers

```angular2html
<map-view [latitude]="48.858222" [longitude]="2.2945" [zoom]="8">
  <map-marker-cluster>
    <map-marker [latitude]="48.858222" [longitude]="2.2945"></map-marker>
  </map-marker-cluster>
</map-view>
```

### MarkerClustererOptions

The only options that can be passed to the marker clusterer are the renderer and algorithm. You might want to check their documentation: https://googlemaps.github.io/js-markerclusterer/

## Additional features

Other features are provided in submodules. Find out more on the [project page at github](https://github.com/ng-maps/ng-maps)
npm package: @ng-maps/places
Description: Components related to places library. Currently only an autocomplete directive is implemented that can be attached to an input field to provide places suggestions
Latest version: 8.0.0

# @ng-maps/places

Components related to places library. Currently only an autocomplete directive is implemented that can be attached to an input field to provide places suggestions

## Installation

- Npm: `npm install @ng-maps/places`
- Yarn: `yarn add @ng-maps/places`

Add `NgMapsPlacesModule` to the module you want to use this module in.

You will also need to load the places library together with google maps. To achieve this you have to add it to the `GOOGLE_MAPS_API_CONFIG` provider.

```ts
{
  provide: GOOGLE_MAPS_API_CONFIG,
  useValue: {
    …
    libraries: ['places']
  }
}
```

### Configuration

There are different possibilities to add a default configuration to the module.

You can use either `NgMapsPlacesModule.forRoot(<ConfigOptions>)` or `NgMapsPlacesModule.forRootFactory(() => <ConfigOptions>, [...depts])`.

Or you can provide a configuration with the `NG_MAPS_PLACES_DEFAULT_CONFIGURATION` injection token.

## Directives

### Autocomplete

Add `mapAutocomplete` to an input field like `<input mapAutocomplete />` or with options `<input [mapAutocomplete]="options" />`

- Options are from [AutocompleteOptions](https://developers.google.com/maps/documentation/javascript/reference/3.exp/places-widget#AutocompleteOptions)

Attach to result by adding listener for `placeResult` which returns a [PlaceResult](https://developers.google.com/maps/documentation/javascript/reference/3.exp/places-service#PlaceResult)
npm package: @ng-maps/shapes
Description: **@ng-maps/shapes** adds shape functionality to `@ng-maps/core`
Latest version: 1.0.0

# @ng-maps/shapes

**@ng-maps/shapes** adds shape functionality to `@ng-maps/core`

## Installation

- Npm: `npm install @ng-maps/shapes`
- Yarn: `yarn add @ng-maps/shapes`

Add `NgMapsShapesModule` to the module you need the components in