Wie mache ich einen Zeiger über die MapView mit NativeScript und Angular2?

Question

Mein Standort mit Längen- und Breitengrad funktioniert, aber ich muss einen Zeiger da drüben machen, ist das möglich? Ich bin mit NativeScript, Angular2 und NativeScript Plugin für Google Maps SDK (nativescript-google-sdk)

file.ts

import { registerElement } from 'nativescript-angular/element-registry'; 
registerElement("MapView",() => require("nativescript-google-maps-sdk").MapView); 

file.xml

<MapView [latitude]="configService.unitPreview.latitude" [longitude]="configService.unitPreview.longitude" 
          zoom="17" bearing="0" 
          tilt="0" (mapReady)="OnMapReady" 
          (markerSelect)="onMarkerSelect" 
          (cameraChanged)="onCameraChanged"> 
       </MapView> 

map_without_pointer

map_with_pointer

Answer 1

Sie könnten die Methode addMarker verwenden, um Marker in der Karte hinzuzufügen. Du könntest mein Beispiel unten sehen, wo gezeigt wurde, wie das geht.

app,component.html

<GridLayout> 
     <MapView (mapReady)="onMapReady($event)" ></MapView> 
</GridLayout> 

app.com-ponent.ts

import {Component, ElementRef, ViewChild} from '@angular/core'; 
var mapsModule = require("nativescript-google-maps-sdk"); 


@Component({ 
    selector: "my-app", 
    templateUrl: "app.component.html", 
}) 
export class AppComponent { 

    @ViewChild("MapView") mapView: ElementRef; 
    constructor(){ 

    } 
    //Map events 
    onMapReady = (event) => { 
     console.log("Map Ready"); 
     var map =event.object; 
     var marker = new mapsModule.Marker(); 
     marker.position = mapsModule.Position.positionFromLatLng(48.87, 2.35); 
     marker.title = "Sydney"; 
     marker.snippet = "Australia"; 
     marker.userData = { index : 1}; 
     map.addMarker(marker); 
    }; 
} 

Answer 2

Es ist möglich, zeigen die realen Verkehr wie Bild unten?

traffic_real_time.png