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);           

   }
}