nativescript - (Nativescript + Google Maps SDK)折线渐变颜色
问题描述
我正在通过 nativescript + vuejs 开发一个使用google maps sdk的应用程序。该应用程序的主要行为包括在两个地理点之间绘制路线。
我想知道,我怎样才能用渐变绘制那条折线?
重新渲染折线的函数:
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);
}
谢谢!
解决方案
推荐阅读
- django - AWS CodeStar/Pipeline 和 Python (Django/Flask) 的建议
- linux - 使用 F# 替代 Linux shell 脚本
- regex - 使用 PowerShell 从记事本中提取日期和时间戳
- cdi - 在 Quarkus 服务中找不到 SessionScoped bean
- oracle - 如何使用 SQL 开发人员将 Oracle 表查询数据放入多个 Excel 工作表?
- android - Android中的等效EKCalendarChooser
- python - 在 AWS Lambda 上使用 Python 中的 Pdf2img 将 pdf 页面转换为图像
- scala - 如何在 scala 隐式解析中使用 Any?
- android - 使用 ConstraintLayout 进行绝对定位
- django - 如果我的 Django 服务器收到的流量超出我的承受能力怎么办?