virtual page fix

Administrator
1 parent 5691a577
Showing 5 changed files with 56 additions and 0 deletions Show diff stats
src/app/app.module.ts
src/app/data/bus-stop/bus-stop.component.html
src/app/data/bus-stop/bus-stop.component.ts
src/app/data/map-items/map-items-component.ts
src/app/data/map-items/map-items.scss
@@ -36,6 +36,7 @@ import { RoadComponent } from &#39;./data/road/road.component&#39;;
 import { RoadServiceComponent } from './data/road-service/road-service.component';
 import { SettlementAddressLinkComponent } from './data/settlement-address-link/settlement-address-link.component';
 import { MapComponent } from './data/map/map.component';
+import { MapItemsComponent } from './data/map-items/map-items-component';
  
 // Services
 import { BusStopCreateService } from '../services/bus-stop-create.service';
@@ -79,6 +80,7 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
     RendererComponent,
     MapEditorComponent,
     MapRendererComponent,
+    MapItemsComponent,
     RoadWidthComponent,
     RoadToCategoryComponent,
     FlowIntensityComponent,
+<map-items [position]="position" ></map-items>
 <div class="grid_containert" *ngIf="showGrid">
     <ag-grid-ng2 #agGrid style="width: 100%; height: 100%;" class="ag-blue" [gridOptions]="gridOptions" [columnDefs]="columnDefs" [rowData]="rowData" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups
         toolPanelSuppressValues debug rowHeight="22" rowSelection="multiple" (cellClicked)="onCellClicked($event)" (cellDoubleClicked)="onCellDoubleClicked($event)" (cellContextMenu)="onCellContextMenu($event)" (cellValueChanged)="onCellValueChanged($event)"
@@ -36,6 +36,7 @@ export class BusStopComponent extends StatementBase {
     public settlements: SettlementSelectList[];
     public roads: RoadSelectList[];
     public boolean: BooleanSelectList[];
+    public position: string;
  
     constructor(
         protected service: BusStopService,
@@ -44,6 +45,7 @@ export class BusStopComponent extends StatementBase {
         protected loadingService: TdLoadingService,
     ) {
         super();
+        this.position = '51.513015907156756,-0.10334014892578126';
     }
  
   protected createColumnDefs(): any[] {
@@ -201,4 +203,9 @@ export class BusStopComponent extends StatementBase {
             this.bootstrapGrid();
       });
   }
+
+  protected onCellFocused($event: any): void  {
+    console.log($event);
+  }
+
 }
+import { Component, Input, Output, OnInit } from '@angular/core';
+import * as L from 'leaflet';
+@Component({
+    selector: 'map-items',
+    template:`
+        <div class="map-items">
+            <div id="mapItemsId"></div>
+        </div>`,
+    styleUrls: ['map-items.scss']
+})
+
+export class MapItemsComponent{
+    @Input() position: string;
+    public map: L.Map;
+    public icon: L.Icon;
+    constructor() {
+        this.icon = L.icon({
+            iconUrl: '/assets/icons/marker-icon.png',
+            iconSize:     [25, 41], // size of the icon
+            popupAnchor:  [-3, -76], // point from which the popup should open relative to the iconAnchor
+        });
+        this.map = L.map('mapItemsId').setView([51.505, -0.09], 13);
+        L.tileLayer('https://a.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            maxZoom: 18,
+        }).addTo(this.map);
+        if(this.position != null){
+            let options = {
+                draggable:true,
+                icon: this.icon,
+            };
+            let latLng = this.position.split(',');
+            let marker = L.marker(new L.LatLng(parseInt(latLng[0]),parseInt(latLng[1])),options);
+            this.map.addLayer(marker);
+
+        }
+    }
+}
 \ No newline at end of file
+.map-items{
+  height: 50%;
+  position: relative;
+}
+
+#mapItemsId{
+  height: 100%;
+  width: 100%;
+}
 \ No newline at end of file