dynamically add markers about nativescript-google-maps-sdk

[mcxolani]

var gMap;
var mapView;

exports.loaded = function(args){
    var page = args.object;

    viewModel = new observable.Observable({
        latitude: 321654,
        longitude: 123456,
        items: new observableArray.ObservableArray()

    });


    page.bindingContext = viewModel;

}

exports.tapListItem = function(args){

    // tapping on Listview item child
    // var item = args.object;
    // var data = item.bindingContext;

    // Tapping on listview item
    var data = viewModel.items.getItem(args.index);
    addMarker(data.lat, data.lng, data.title);

}

function addMarker (lat, lng, title) {
        var markerOptions = new com.google.android.gms.maps.model.MarkerOptions();
        markerOptions.title(title);
        markerOptions.snippet("click to view");
        var latLng = new com.google.android.gms.maps.model.LatLng(lat, lng);
        markerOptions.position(latLng);
        gMap.addMarker(markerOptions);
}

exports.OnMapReady = function(args) {
  mapView = args.object;
  gMap = mapView.gMap;

  }

[dapriett]

Sorry for the delay @RusEu and thanks @mcxolani for providing the sample. That should basically show you add to add markers dynamically. You'll just need to modify @mcxolani's addMarker function so that you support ios too

function addMarker (lat, lng, title) {
    if(mapView.android) {
        var markerOptions = new com.google.android.gms.maps.model.MarkerOptions();
        markerOptions.title(title);
        markerOptions.snippet("click to view");
        var latLng = new com.google.android.gms.maps.model.LatLng(lat, lng);
        markerOptions.position(latLng);
        gMap.addMarker(markerOptions);
    }

    if (mapView.ios) {
        var position = CLLocationCoordinate2DMake(lat, lng);
        var marker = GMSMarker.markerWithPosition(position)
        marker.title = title;
        marker.snippet = ("click to view");
        marker.map = gMap;
    }
}

[RusEu]

many thanks!! this solved my problem .. :D

error:now use instance.nativeView instead of instance.android

update: i had problem at if(mapview.Android) i changet it to if(mapview.NativeView)
but now i have problem when tap on marker:

cannot read property 'infoWindowTemplate' of undefined

@dapriett