0

緯度と経度の助けを借りて地図をポップアップで動的に表示しています。しかし、マップはポップアップで正しい場所に設定されています。マップ上にマーカーを表示できません。これを達成する方法を知ってもいいですか?Googleマップのマーカーを角度2で表示するにはどうすればよいですか?

ここに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'); 
} 
} 

ファイルです。私のコードの助け?

答えて

1

マーカーに[position]属性を設定してみてください。

関連する問題