# angular-us-map

> Angular US SVG Map

Latest version **1.2.0** (published 2017-11-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-us-map
pnpm add angular-us-map
yarn add angular-us-map
bun add angular-us-map
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2017-11-10 |
| First published | 2017-11-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Bharat Patel |
| Maintainers | bharat20185 |
| Keywords | angular, us map, svg map, us-map-svg |

## Links

- npm: https://www.npmjs.com/package/angular-us-map
- Repository: https://github.com/bharat20185/angular4-us-map-svg
- Homepage: https://github.com/bharat20185/angular4-us-map-svg#readme
- Issues: https://github.com/bharat20185/angular4-us-map-svg/issues
- npm.io page: https://npm.io/package/angular-us-map

## Recent versions

- 1.2.0 (latest) — 2017-11-10
- 1.1.0 — 2017-11-09

## README

# Angular SVG US Map

This package is used to generate US SVG Map and also giving ability to set callback function and some parameters to change fill & stocke color.

![usmap](https://user-images.githubusercontent.com/17896904/28911043-c754c656-784c-11e7-9f2a-47f7304b6811.png)

## How to install

<pre>npm install angular-us-map</pre>

## Configuration

app.module.ts

<pre>import { UsMapModule } from 'angular-us-map';</pre>

You need to add this module in @NgModule(Imports). That's it.

## Accessing Component

<pre>&lt;us-map&gt;&lt;/us-map&gt;</pre>

## API Reference

### Inputs

|||
|-|-|
| `fillColor`      | Type: `string` Optional. Will change color of state name text       |
| `fillStateColor` | Type: `string` Optional. Will change background color of state area |
| `strokeColor`    | Type: `string` Optional. Will change border color of state area     |

### Output
|||
|-|-|
| `onMapClick` | Will be emitted when state area has been clicked. It returns `state abbr`. (onMapClick) event. |

Moreover, you can apply your own css to beautify this component.

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