Add 3D example to test app

src/app/app-routing.module.ts

@@ -3,6 +3,7 @@ import { RouterModule ,UrlSegment} from '@angular/router';
 
 import { AuthGuard,FullScreenGuard } from '@farmmaps/common';
 import { MapComponent } from '@farmmaps/common-map';
+import { Switch2D3DComponent } from  '@farmmaps/common-map3d';
 import { LogoComponent } from './logo/logo.component';
 import { MenuComponent } from './menu/menu.component';
 import {RegisterDeviceComponent} from './registerdevice/registerdevice.component';
@@ -41,16 +42,23 @@ const routes = [
   },
   { path: 'map', canActivateChild: [AuthGuard],canActivate:[FullScreenGuard], children: [
     {
-        path: '',
-        component: MapComponent
-    },
+      path: '',
+      component: MapComponent
+    },    
     {
         path: ':xCenter/:yCenter/:zoom/:rotation/:baseLayer/:queryState',
-        component: MapComponent       
+        component: MapComponent ,
+        children: [
+          {
+            path:'',
+            component: Switch2D3DComponent,
+            outlet: 'map-controls' 
+          }
+        ]      
     },
     {
       path: ':queryState',
-      component: MapComponent       
+      component: MapComponent  
   }      
    ]},
    {