NativeScript动态地图标记

Question

如何将动态标记添加到地图中？ 例如..

<ListView items="{{ myItems }}" itemTap="mapClicked">

当我点击我的列表视图项时，应动态地向地图添加标记。 我尝试了许多不同的方法但没有成功 我试过这个回购：https://github.com/dapriett/nativescript-google-maps-sdk
它运作正常..但我不能动态地添加标记。

请帮忙吗？

Answer 1

要使用nativescript-google-maps-sdk添加标记，您需要为相应平台的Google Maps SDK调用本机API。

以下是Android的示例：

function onMapReady(args) {
  mapView = args.object;

}

function mapClicked(args)
{
   var index = args.index;
   var gMap = mapView.gMap;

   if (mapView.android)
   {
    var latLng = new com.google.android.gms.maps.model.LatLng(12.66, 82.33);

    var markerOptions = new com.google.android.gms.maps.model.MarkerOptions();
    markerOptions.title("Marker " + index);      
    markerOptions.snippet("Marker description");
    markerOptions.position(latLng);

    gMap.addMarker(markerOptions);           

   }
}