Question

我正在使用MKOverlayView在苹果地图上绘制路径。我想在它上画很多短路径，因为我需要根据其他一些值来着色轨道。但是我正在以这样的方式做一些奇特的效果......我的起点和终点也是相连的，但我不知道为什么。放大/缩小后，花式效果图案的变化会变大或变小。看来你可以在我的路上看到苹果地图瓷砖......

这是我的代码，它在我的叠加视图的drawMapRect方法中调用。

for(int i = 0; i < tdpoints.pointCount-1; i++ ){
    CGPoint firstCGPoint = [self pointForMapPoint:tdpoints.points[i]];
    CGPoint secCGPoint = [self pointForMapPoint:tdpoints.points[i+1]];

    if (lineIntersectsRect(tdpoints.points[i], tdpoints.points[i+1], clipRect)){            

        double val1 = (arc4random() % 10) / 10.0f;
        double val2 = (arc4random() % 10) / 10.0f;
        double val3 = (arc4random() % 10) / 10.0f;


        CGContextSetRGBStrokeColor(context, val1 ,val2, val3, 1.0f);
        CGContextSetLineWidth(context, lineWidth);

        CGContextBeginPath(context);
        CGContextMoveToPoint(context,firstCGPoint.x,firstCGPoint.y);

        CGContextAddLineToPoint(context, secCGPoint.x, secCGPoint.y);

        CGContextStrokePath(context);
        CGContextClosePath(context);

    }
}

http://imageshack.us/photo/my-images/560/iossimulatorbildschirmf.jpg/

http://imageshack.us/photo/my-images/819/iossimulatorbildschirmf.jpg/

我正在添加我的GPS点数。（来自Breadcrumbs Apple示例）

CLLocationCoordinate2D coord = {.latitude = 49.1,.longitude =12.1f}; 
[self drawPathWithLocations:coord];

CLLocationCoordinate2D coord1 = {.latitude = 49.2,.longitude =12.2f}; 
[self drawPathWithLocations:coord1];

CLLocationCoordinate2D coord2 = {.latitude = 50.1,.longitude =12.9f}; 
[self drawPathWithLocations:coord2];

这是添加方法：

-(void) drawPathWithLocations:(CLLocationCoordinate2D)coord{
if (!self.crumbs)
{

    // This is the first time we're getting a location update, so create
    // the CrumbPath and add it to the map.
    //
    _crumbs = [[CrumbPath alloc] initWithCenterCoordinate:coord];
    [self.trackDriveMapView addOverlay:self.crumbs];

    // On the first location update only, zoom map to user location
    [_trackDriveMapView setCenterCoordinate:coord zoomLevel:_zoomLevel animated:NO];

}   else
{
    // This is a subsequent location update.
    // If the crumbs MKOverlay model object determines that the current location has moved
    // far enough from the previous location, use the returned updateRect to redraw just
    // the changed area.
    //
    // note: iPhone 3G will locate you using the triangulation of the cell towers.
    // so you may experience spikes in location data (in small time intervals)
    // due to 3G tower triangulation.
    //

    MKMapRect updateRect = [self.crumbs addCoordinate:coord];

    if (!MKMapRectIsNull(updateRect))
    {

        // There is a non null update rect.
        // Compute the currently visible map zoom scale
        MKZoomScale currentZoomScale = (CGFloat)(self.trackDriveMapView.bounds.size.width / self.trackDriveMapView.visibleMapRect.size.width);
        // Find out the line width at this zoom scale and outset the updateRect by that amount
        CGFloat lineWidth = MKRoadWidthAtZoomScale(currentZoomScale);
        updateRect = MKMapRectInset(updateRect, -lineWidth, -lineWidth);
        // Ask the overlay view to update just the changed area.
        [self.crumbView setNeedsDisplayInMapRect:updateRect];
    }
}

这是addCoordinate方法：

    - (MKMapRect)addCoordinate:(CLLocationCoordinate2D)coord
{
   pthread_rwlock_wrlock(&rwLock);

    // Convert a CLLocationCoordinate2D to an MKMapPoint
    MKMapPoint newPoint = MKMapPointForCoordinate(coord);
    MKMapPoint prevPoint = points[pointCount - 1];

    // Get the distance between this new point and the previous point.
    CLLocationDistance metersApart = MKMetersBetweenMapPoints(newPoint, prevPoint);

    NSLog(@"PUNKTE SIND %f METER AUSEINANDER ... ", metersApart);

    MKMapRect updateRect = MKMapRectNull;

    if (metersApart > MINIMUM_DELTA_METERS)
    {
        // Grow the points array if necessary
        if (pointSpace == pointCount)
        {
            pointSpace *= 2;
            points = realloc(points, sizeof(MKMapPoint) * pointSpace);
        }    

        // Add the new point to the points array
        points[pointCount] = newPoint;
        pointCount++;

        // Compute MKMapRect bounding prevPoint and newPoint
        double minX = MIN(newPoint.x, prevPoint.x);
        double minY = MIN(newPoint.y, prevPoint.y);
        double maxX = MAX(newPoint.x, prevPoint.x);
        double maxY = MAX(newPoint.y, prevPoint.y);

        updateRect = MKMapRectMake(minX, minY, maxX - minX, maxY - minY);
    }

    pthread_rwlock_unlock(&rwLock);

    return updateRect;
}

提示

我认为我的刷新算法只刷新屏幕上整个地图的一个图块，因为每次为此特定区域调用drawMapRect方法时，都会生成一个新的随机颜色。（路径的其余部分被剪裁，奥得河颜色仍然存在......）。

Answer 1

因为无论何时绘制任何路径，都需要关闭它。当你关闭路径时，它会自动在lastPoint和firstPoint之间绘制线条。

只需删除路径图中的最后一行

CGContextClosePath(context);

Answer 2

CGContextClosePath的目的是逐字地关闭路径 - 连接起点和终点。您不需要，StrokePath已经绘制了路径。删除该行。同样在你的循环之外移动CGContextStrokePath，方法是移动/添加行/移动/添加行...然后描边（你可以改变颜色，就像你这样做）。

对于“花哨效果”（倾斜线加入），请调查可能的CGContextSetLineJoin和CGContextSetLineCap调用参数的效果。

Answer 3

你看到的“奇特效果”是MKMapView调用drawMapRect的方式和你每次绘制时使用随机颜色的决定的组合。当用户在MKMapView周围平移地图时加快显示速度缓存来自叠加层的切片。如果一个磁贴离开屏幕，它可以被丢弃或存储在不同的缓存或其他东西，但仍然在屏幕上的那些只是移动而不需要重绘，这是好的，因为绘图可能意味着你的数据之旅供应或其他一些长期计算。这就是你调用setNeedsDisplayInMapRect的原因，它只需要获取这些图块而不是重绘所有内容。

这适用于我见过的所有应用程序，整体而言是一个很好的系统。除非你每次画的东西都不一样，就像你的随机颜色一样。如果你真的想为这条路径着色，那么你应该使用一个哈希或类似随机的东西，但实际上是基于可重复的东西。可能是点所在的索引，乘以点坐标，MD5ed然后取第5个字符等等。无论它被调用多少次，它必须为同一行生成相同的颜色。就个人而言，我宁愿这条线是一种颜色，也许是虚线。但那是你和你的用户之间的。

对MKMapOverlay CGPath的奇特效果

3 个答案: