Comment ajouter MKPolylines à MKSnapShotter dans swift 3 ?

Question

Est-il possible de faire une capture d'écran de mapView et d'y inclure la polyligne ? Je pense que je dois dessiner des CGPoint sur l'image renvoyée par MKSnapShotter, mais je ne sais pas comment faire.

Code actuel

      func takeSnapshot(mapView: MKMapView, withCallback: (UIImage?, NSError?) -> ()) {
    let options = MKMapSnapshotOptions()
    options.region = mapView.region
    options.size = mapView.frame.size
    options.scale = UIScreen.main().scale

    let snapshotter = MKMapSnapshotter(options: options)

    snapshotter.start() { snapshot, error in
        guard snapshot != nil else {
            withCallback(nil, error)
            return
        }

        if let image = snapshot?.image{

            withCallback(image, nil)

            for coordinate in self.area {

                image.draw(at:snapshot!.point(for: coordinate))

            }

        }

    }
}

Answer 1

J'ai eu le même problème aujourd'hui. Après plusieurs heures de recherche, voici comment je l'ai résolu.

Les codes suivants sont en Swift 3 .

1. Initialiser le tableau de coordonnées de la polyligne

// initial this array with your polyline coordinates
var yourCoordinates = [CLLocationCoordinate2D]() 
yourCoorinates.append( coordinate 1 )
yourCoorinates.append( coordinate 2 )
...
// you can use any data structure you like

2. prenez l'instantané comme d'habitude, mais définissez la région en fonction de vos coordonnées :

func takeSnapShot() {
    let mapSnapshotOptions = MKMapSnapshotOptions()

    // Set the region of the map that is rendered. (by polyline)
    let polyLine = MKPolyline(coordinates: &yourCoordinates, count: yourCoordinates.count)
    let region = MKCoordinateRegionForMapRect(polyLine.boundingMapRect)

    mapSnapshotOptions.region = region

    // Set the scale of the image. We'll just use the scale of the current device, which is 2x scale on Retina screens.
    mapSnapshotOptions.scale = UIScreen.main.scale

    // Set the size of the image output.
    mapSnapshotOptions.size = CGSize(width: IMAGE_VIEW_WIDTH, height: IMAGE_VIEW_HEIGHT)

    // Show buildings and Points of Interest on the snapshot
    mapSnapshotOptions.showsBuildings = true
    mapSnapshotOptions.showsPointsOfInterest = true

    let snapShotter = MKMapSnapshotter(options: mapSnapshotOptions)

    snapShotter.start() { snapshot, error in
        guard let snapshot = snapshot else {
            return
        }
        // Don't just pass snapshot.image, pass snapshot itself!
        self.imageView.image = self.drawLineOnImage(snapshot: snapshot)
    }
}

3. Utiliser snapshot.point() pour dessiner des polylignes sur l'image de l'instantané

func drawLineOnImage(snapshot: MKMapSnapshot) -> UIImage {
    let image = snapshot.image

    // for Retina screen
    UIGraphicsBeginImageContextWithOptions(self.imageView.frame.size, true, 0)

    // draw original image into the context
    image.draw(at: CGPoint.zero)

    // get the context for CoreGraphics
    let context = UIGraphicsGetCurrentContext()

    // set stroking width and color of the context
    context!.setLineWidth(2.0)
    context!.setStrokeColor(UIColor.orange.cgColor)

    // Here is the trick :
    // We use addLine() and move() to draw the line, this should be easy to understand.
    // The diificult part is that they both take CGPoint as parameters, and it would be way too complex for us to calculate by ourselves
    // Thus we use snapshot.point() to save the pain.
    context!.move(to: snapshot.point(for: yourCoordinates[0]))
    for i in 0...yourCoordinates.count-1 {
      context!.addLine(to: snapshot.point(for: yourCoordinates[i]))
      context!.move(to: snapshot.point(for: yourCoordinates[i]))
    }

    // apply the stroke to the context
    context!.strokePath()

    // get the image from the graphics context
    let resultImage = UIGraphicsGetImageFromCurrentImageContext()

    // end the graphics context 
    UIGraphicsEndImageContext()

    return resultImage!
}

Voilà, j'espère que cela aidera quelqu'un.

Références

• Comment dessiner sur une image dans Swift ?

• MKTileOverlay, MKMapSnapshotter & MKDirections

• Création d'un MKMapSnapshotter avec un MKPolylineRenderer

• Rendre une carte sous forme d'image avec MapKit

Answer 2

Qu'est-ce qui ne va pas avec :

snapshotter.start( completionHandler: { snapshot, error in
  guard snapshot != nil else {
    withCallback(nil, error)
    return
  }

  if let image = snapshot?.image {
    withCallback(image, nil)

    for coordinate in self.area {
      image.draw(at:snapshot!.point(for: coordinate))
    }

  }
})

Answer 3

Si vous voulez juste une copie de l'image que l'utilisateur voit dans le MKMapView, rappelez-vous qu'il s'agit d'une sous-classe d'UIView, et que vous pouvez donc faire ceci...

public extension UIView {
    public var snapshot: UIImage? {
        get {
            UIGraphicsBeginImageContextWithOptions(self.bounds.size, false, UIScreen.main.scale)
            self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
            let image = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return image
        }
    }
}

// ...
if let img = self.mapView.snapshot {
    // Do something
}