騰訊位置服務地圖SDK公交路線規劃應用示例2

前言

繼續上一次的Demo，本次添加了同一路線的多條不一樣的公交線路展現，默認顯示第0條。而且經過點擊公交路線來切換選中的路線。atom

上篇參考：騰訊位置服務地圖SDK公交路線規劃應用示例url

使用場景

公交路線規劃.net

準備

騰訊位置服務iOS地圖SDKcode

路線切換

一、建立QPolyline的子類，用於區分步行部分和公交部分。blog

@interface RoutePlanWalkingPolyline : QPolyline

@end

@interface RoutePlanBusingPolyline : QPolyline

// 判斷當前路線是否已經被選中
@property (nonatomic, assign) BOOL isSelected;

@end

二、在建立路線Mode時，經過判斷路線的種類來建立不一樣的模型，而且默認選中第0條路線。get

/*
 1. 默認選擇第一個公交車線路
 2. 當前公交車線路 alpha = 1，有箭頭
 3. 備用公交車線路 alpha = 0.5， 無箭頭
 4. 點擊備用公交車線路能夠切換
 */
// 駕車蚯蚓線
// 遍歷全部駕車路線
for (int i = 0; i < plan.lines.count; i++) {
    QMSBusingRouteTransitLine *line = plan.lines[i];
    CLLocationCoordinate2D coords[line.polyline.count];
    
    for (int i = 0; i < line.polyline.count; i++) {
        NSValue *value = line.polyline[i];
        CLLocationCoordinate2D coord = [value coordinateValue];
        coords[i] = coord;
    }
    
    RoutePlanBusingPolyline *busPolyline = [[RoutePlanBusingPolyline alloc] initWithCoordinates:coords count:line.polyline.count];
    busPolyline.isSelected = i==0 ? YES : NO;
    [self.mapView addOverlay:busPolyline];
    [self.selectRouteOverlayArray addObject:busPolyline];
}

三、在添加折線視圖時，額外添加判斷當前的公交模型是否已經被選中的步驟。it

RoutePlanBusingPolyline *busingPolyline = (RoutePlanBusingPolyline *)overlay;
// 路線箭頭
if (busingPolyline.isSelected) {
    
    polylineView.strokeColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:0.5];
    polylineView.drawSymbol = YES;
    polylineView.zIndex = 1;
} else {
    polylineView.strokeColor = [UIColor colorWithRed:0 green:0 blue:1 alpha:0.5];
    polylineView.drawSymbol = NO;
    polylineView.zIndex = 0;
}

四、最後，監聽Overlay的點擊方法，並判斷回調的Overlay是否爲公交路線的數據模型，而後選中該模型，取消選中其餘的模型。io

- (void)mapView:(QMapView *)mapView didTapOverlay:(id<QOverlay>)overlay {
    // 判斷是不是路線
    if ([overlay isKindOfClass:[RoutePlanBusingPolyline class]]) {
        
        for (QPolyline *polyline in self.selectRouteOverlayArray) {
            if ([polyline isKindOfClass:[RoutePlanBusingPolyline class]]) {
                
                RoutePlanBusingPolyline *busingPolyline = (RoutePlanBusingPolyline *)polyline;
                
                QTexturePolylineView *polylineView = (QTexturePolylineView *)[self.mapView viewForOverlay:busingPolyline];

                if (busingPolyline == overlay) {
                    // 選中：實心顏色
                    busingPolyline.isSelected = YES;
                    polylineView.strokeColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:0.5];
                    polylineView.zIndex = 1;
                    polylineView.drawSymbol = YES;
                } else {
                    // 未選中：虛色
                    busingPolyline.isSelected = NO;
                    polylineView.strokeColor = [UIColor colorWithRed:0 green:0 blue:1 alpha:0.5];
                    polylineView.zIndex = 0;
                    polylineView.drawSymbol = NO;
                }
            }
        }
    }
}

示例圖

做者：麪糊class

連接：https://www.jianshu.com/p/74b6b7b50352mobile

來源：簡書

著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。