(Nativescript + SDK de Google Maps) Color degradado de polilínea

1 minuto de lectura

Estoy desarrollando una aplicación sobre nativescript + vuejs que usa SDK de Google Maps. El comportamiento principal de la aplicación incluye dibujar una ruta entre dos puntos geográficos.

Me pregunto, ¿cómo puedo dibujar esa polilínea con un degradado?

La función que renederiza la polilínea:

async drawRoute(mapView, encodedPolylinePoints) {
    mapView.removeAllPolylines();

    let routeCordinates = decodePolyline(encodedPolylinePoints);
    let polyline = new Polyline();

    await Promise.all(routeCordinates.map(point =>
        polyline.addPoint(Position.positionFromLatLng(point.lat, point.lng))
    ));

    polyline.visible = true;
    polyline.geodesic = true;
    polyline.width = 20;
    // polyline.color = new Color('#f8006c'); <= the start gradient color
    polyline.color = new Color('#f8b244'); // <= the end gradient color

    mapView.addPolyline(polyline);
}

¡Gracias!

  • Esta función en particular aún no es compatible con Google Maps.

    – Manoj

    31 de marzo de 2020 a las 21:28

¿Ha sido útil esta solución?