NativeScript动态地图标记

NativeScript Dynamic Map Marker

本文关键字：图标 地图 动态 NativeScript      更新时间：2023-09-26

如何在地图中添加动态标记
例如

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

当我点击我的列表视图项目时，我应该动态地在地图上添加一个标记。我尝试了很多不同的方法，但都没有成功
我尝试过这种回购：https://github.com/dapriett/nativescript-google-maps-sdk
它很好用。。但我不能动态添加标记

请帮忙吗？

要使用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);           
   }
}
相关文章：