前言
繼續上一次的Demo,本次添加了同一路線的多條不同的公交線路展示,默認顯示第0條。並且通過點擊公交路線來切換選中的路線。
使用場景
公交路線規劃
準備
路線切換
1、創建QPolyline的子類,用於區分步行部分和公交部分。
@interface RoutePlanWalkingPolyline : QPolyline
@end
@interface RoutePlanBusingPolyline : QPolyline
// 判斷當前路線是否已經被選中
@property (nonatomic, assign) BOOL isSelected;
@end
2、在創建路線Mode時,通過判斷路線的種類來創建不同的模型,並且默認選中第0條路線。
/*
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];
}
3、在添加折線視圖時,額外添加判斷當前的公交模型是否已經被選中的步驟。
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;
}
4、最後,監聽Overlay的點擊方法,並判斷回調的Overlay是否爲公交路線的數據模型,然後選中該模型,取消選中其他的模型。
- (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;
}
}
}
}
}
示例圖
作者:麪糊
鏈接:https://www.jianshu.com/p/74b6b7b50352
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。