我正在构建一个与UBER和其他送餐应用类似的具有跟踪车辆功能的应用。我正在使用IONIC 3框架和JavaScript Map API。
在我的应用中,跟踪工作正常,但问题是将直线指向一个点到另一个点,而当我到达另一个点时,它不在动画中画线。
问题:
当添加新的经纬度位置车辆平稳移动时。
setPolyline() {
var flightPlanCoordinates = this.user_trackers;
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#047DD2',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(this.map);
this.setDriverMarker();
}
setDriverMarker() {
if (this.driverMarkder) this.driverMarkder.setMap(null);
var icon = this.httpClient.mapMarkerParcel;
if (this.bookings.booking_users[0].type=="L")
icon = this.httpClient.mapMarkerDriver;
this.driverMarkder = new google.maps.Marker({
map: this.map,
position: this.user_trackers[(this.user_trackers.length-1)],
icon: icon,
center: this.user_trackers[(this.user_trackers.length-1)]
});
return this.driverMarkder;
}