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!
¿Ha sido útil esta solución?
Tu feedback nos ayuda a saber si la solución es correcta y está funcionando. De esta manera podemos revisar y corregir el contenido.
Esta función en particular aún no es compatible con Google Maps.
– Manoj
31 de marzo de 2020 a las 21:28