前言
继续上一次的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
来源:简书
著做权归做者全部。商业转载请联系做者得到受权,非商业转载请注明出处。