# Maps

### **Google Map**

#### Adding Google Maps in your project

There following steps to add Google Maps

* First of all, you have to edit in **app.module**file ,which is located in **your-project-name\src\app** folder.
* Import following files in **app.module** file

  ```
  import { GoogleMapComponent}  from './maps/google-map/googlemap.component';
  ```
*  Now open **app-routing.module.ts** file and import this file.

  ```
  import { GoogleMapComponent}  from './maps/google-map/googlemap.component';
  ```

  After this,add following in routes

  ```
  { path: 'maps/googlemap', component: GoogleMapComponent }
  ```

### **Leaflet Map**

#### Adding Leaflet Maps in your project

There following steps to add Leaflet Maps

* First of all, you have to edit in **app.module**file ,which is located in **your-project-name\src\app** folder.
* Import following files in **app.module** file

  ```
  import { LeafletMapComponent}  from './maps/leaflet-map/leafletmap.component';
  ```
*  Now open **app-routing.module.ts** file and import this file.

  ```
  import { LeafletMapComponent}  from './maps/leaflet-map/leafletmap.component';
  ```

  After this,add following in routes

  ```
  { path: 'maps/leafletmap', component: LeafletMapComponent }
  ```