如何在Angular 2的谷歌地图上显示标记？

Question

上午借助经纬度动态显示地图。但是，地图在弹出窗口中设置为正确的位置。我无法在地图上显示标记。我可以知道如何做到这一点吗？

这里是HTML代码。

<div class="mapIcon" (click)="open($event)"><i class="fa fa-location-arrow" aria-hidden="true"></i></div> 

<modal [animation]="animationsEnabled" (onClose)="onClose($event)" #modal> 
    <modal-header [show-close]="true"> 
     <h4 class="modal-title">Components</h4> 
    </modal-header> 
    <modal-body class="slider-bar"> 
    <div> 
     <ngui-map zoom="{{zoom}}" center="{{lat}}, {{lng}}" 
     (mapReady$)="onMapReady($event)" (mapClick)="onMapClick($event)" 
     (idle)="onIdle($event)"> 
     <marker [geoFallbackPosition]="[lat, lng]" 
      (initialized$)="onMarkerInit($event)"></marker> 
     </ngui-map> 
    </div> 
    </modal-body> 
    <modal-footer>  
    </modal-footer> 
</modal> 

这里是我的.ts文件

export class Maps{ 
lat: any; 
lng: any; 

    onMapReady(map) { 
     console.log('map', map); 
     console.log('markers', map.markers); 
    } 
    onIdle(event) { 
     console.log('map', event.target); 
    } 
    onMarkerInit(marker) { 
     console.log('marker', marker); 
    } 
    onMapClick(event) { 
     this.positions.push(event.latLng); 
     event.target.panTo(event.latLng); 
    } 
open(e) { 

    this.lat = "17.419279"; 
    this.lng = "78.337095"; 
    this.modal.open('lg'); 
} 
} 

我想上的位置的显示标记。任何帮助我的代码？

Answer 1

尝试设置标记上的[position]属性。