https://github.com/rajasharan/angular-us-map

An angular module to show data while hovering over different US states.
https://github.com/rajasharan/angular-us-map

Last synced: 3 days ago
JSON representation

An angular module to show data while hovering over different US states.

• Host: GitHub
• URL: https://github.com/rajasharan/angular-us-map
• Owner: rajasharan
• License: mit
• Created: 2016-04-13T05:05:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-29T02:01:47.000Z (almost 7 years ago)
• Last Synced: 2024-11-10T16:55:31.289Z (6 days ago)
• Language: JavaScript
• Homepage: http://rajasharan.github.io/angular-us-map/
• Size: 1.62 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# angular-us-map

An angular module to show data while hovering over different US states.

### [Live demo link](https://rajasharan.github.io/angular-us-map)

## Install

```sh

$ bower install angular-us-map --save

```

 

## Usage

#### Include `us-map.js` script after angular

```html

```

#### Import module `usMap` as dependency

```js

angular.module('myApp', ['usMap']);

```

#### Add your html inside ``

```html

    

        
Virginia

    


    

        West 


        Virginia

    

```

![Virginia](/pics/VA.png) ![West Virginia](/pics/WV.png)

#### Add any scope object inside ``

```html



    

        

            
{{ctrl.data['CA'] | json}}

        


        

            
{{ctrl.data['WA'] | json}}

        

    



```

![California](/pics/CA.png) ![Washington](/pics/WA.png)


#### More complex example

```html



    

        


            

                


                    


                        {{result.stateName}} ({{result.total}} delegates)

                    

                    


                        


                            


                                {{result.winnerName}} 


                                {{result.winnerCount}} 

                            

                            


                                {{result.looserName}} 


                                {{result.looserCount}}

                            

                        

                    

                

            

        

    



```

![Democratic Primaries](/pics/US.png)


## [License](/LICENSE)

    The MIT License (MIT)

    

## Attribution

[us-map.svg](https://commons.wikimedia.org/wiki/File:Blank_US_Map_(states_only).svg) is licensed under [Attribution-Share Alike 3.0 Unported](https://creativecommons.org/licenses/by-sa/3.0/deed.en)