https://github.com/bharat20185/angular4-us-map-svg

Angular 4 Module for US SVG MAP
https://github.com/bharat20185/angular4-us-map-svg

angular-cli angular4 us-map-svg

Last synced: 4 months ago
JSON representation

Angular 4 Module for US SVG MAP

• Host: GitHub
• URL: https://github.com/bharat20185/angular4-us-map-svg
• Owner: bharat20185
• Created: 2017-08-03T04:41:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-03T14:01:29.000Z (over 7 years ago)
• Last Synced: 2024-09-29T07:41:19.447Z (5 months ago)
• Topics: angular-cli, angular4, us-map-svg
• Language: TypeScript
• Size: 36.1 KB
• Stars: 2
• Watchers: 2
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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

npm install ng4-us-map


## Configuration

app.module.ts

import { UsMapModule } from 'ng4-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. 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.