ng2-indian-map
v0.0.1
Published
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.3.
Downloads
3
Readme
Ng2IndianMap
This project was generated with Angular CLI version 6.2.3.
Module is to visualize the data to be ploted in Old Indian map(Only with 28 states).I am still working on including all states.
install
npm i ng2-indian-map
use
In module file
import { Ng2IndianMapModule } from 'ng2-indian-map';
@NgModule({
declarations: [
],
imports: [
Ng2IndianMapModule
],
providers: [],
bootstrap: []
})
export class AppModule { }
In app.component.html
<ng2-indian-map [textColor]="'blue'" [states]=states [stateFocusColor]="'#00ff00'" [stateFocusOutColor]="'#0000dd'" (onChange)="selectedObject($event)"></ng2-indian-map>
In app.component.ts
/**@[]
*[0] => state name
*[1] => state Code
*[2] => state value
*/
states = [["Andaman and Nicobar Islands","IN-AN",0],["Andhra Pradesh","IN-AP",8007],["Arunachal Pradesh","IN-AR",0],["Assam","IN-AS",183],["Bihar","IN-BR",976],["Chandigarh","IN-CH",382],["Chhattisgarh","IN-CT",102],["Daman and Diu","IN-DD",0],["Delhi","IN-DL",0],["Dadra and Nagar Haveli","IN-DN",1138],["Goa","IN-GA",9],["Gujarat","IN-GJ",1080],["Himachal Pradesh","IN-HP",709],["Haryana","IN-HR",156],["Jharkhand","IN-JH",37],["Jammu And Kashmir","IN-JK",876],["Karnataka","IN-KA",1073],["Kerala","IN-KL",2941],["Lakshadweep","IN-LD",0],["Maharashtra","IN-MH",1108],["Meghalaya","IN-ML",4335],["Manipur","IN-MN",1],["Madhya Pradesh","IN-MP",2],["Mizoram","IN-MZ",0],["Nagaland","IN-NL",0],["Odisha","IN-OR",1252],["Punjab","IN-PB",0],["Puducherry","IN-PY",1845],["Rajasthan","IN-RJ",564],["Sikkim","IN-SK",2],["Telangana","IN-TG",6974],["Tamil Nadu","IN-TN",2336],["Tripura","IN-TR",1],["Uttar Pradesh","IN-UP",3581],["Uttarakhand","IN-UT",710],["West Bengal","IN-WB",1929]];
selectedObject(val){
console.log(val);
}