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

How to install

npm install angular-us-map

Configuration

app.module.ts

import { UsMapModule } from 'angular-us-map';

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

Accessing Component

<us-map></us-map>

API Reference

$3

|||
|-|-|
| 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 |

$3

|||
|-|-|
| 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.