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.modulefile ,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.modulefile ,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 }