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