在IONIC 3中跟踪类似于UBER,Zomato,Swiggy和ola的车辆

时间:2018-08-07 07:20:53

标签: ionic-framework google-maps-api-3 ionic2 ionic3

我正在构建一个与UBER和其他送餐应用类似的具有跟踪车辆功能的应用。我正在使用IONIC 3框架和JavaScript Map API。

在我的应用中,跟踪工作正常,但问题是将直线指向一个点到另一个点,而当我到达另一个点时,它不在动画中画线。

问题:

  1. 在道路上画线
  2. 当添加新的经纬度位置车辆平稳移动时。

    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; 
    }
    

0 个答案:

没有答案