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

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

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.