angularindiasvgmap

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

Usage no npm install needed!

<script type="module">
  import angularindiasvgmap from 'https://cdn.skypack.dev/angularindiasvgmap';
</script>

README

Angular SVG India Map

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

How to install

npm i angularindiasvgmap

Configuration

app.module.ts

import {AngularindiasvgmapModule} from 'angularindiasvgmap';

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

Accessing Component

<india-map></india-map>

API Reference

Inputs

||| |-|-| | fillColor | Type: string Optional. Will change color of state name text. For Example: fillColor="#C0C0C0" | | fillStateColor | Type: string Optional. Will change background color of state area. For Example: fillStateColor="#C0C0C0" | | strokeColor | Type: string Optional. Will change border color of state area. For Example: strokeColor="#C0C0C0" |

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.