swift - 如何使用 mapbox : swift 用虚线绘制折线 (MGLPolyline)

Question

我试过下面的代码，但它画的是直线，我想要虚线

@IBOutlet var navigationView: MGLMapView!
var polyline: MGLPolyline!

 override func viewDidLoad() {
        super.viewDidLoad()

        var mapCoordinates: [CLLocationCoordinate2D] = []
        let newCoord1 = CLLocationCoordinate2D(latitude: 8.5241, longitude: 76.9366)
        let newCoord2 = CLLocationCoordinate2D(latitude:11.8745, longitude: 75.3704)

        mapCoordinates.append(newCoord1)
        mapCoordinates.append(newCoord2)

        polyline = MGLPolyline(coordinates: mapCoordinates, count: UInt(mapCoordinates.count))

        navigationView.add(polyline)
}

Answer 1

一种选择是使用 MGLLineStyleLayer ，它有一个 lineDashPattern属性(property)。

This example显示如何添加虚线，但对于您的用例，它看起来更像:

func mapView(_ mapView: MGLMapView, didFinishLoading style: MGLStyle) {
            var mapCoordinates: [CLLocationCoordinate2D] = []
    let newCoord1 = CLLocationCoordinate2D(latitude: 8.5241, longitude: 76.9366)
    let newCoord2 = CLLocationCoordinate2D(latitude:11.8745, longitude: 75.3704)

    mapCoordinates.append(newCoord1)
    mapCoordinates.append(newCoord2)

    polyline = MGLPolyline(coordinates: mapCoordinates, count: UInt(mapCoordinates.count))

    source = MGLShapeSource(identifier: "line", shape: polyline, options: nil)
    style.addSource(source)

    let layer = MGLLineStyleLayer(identifier: "line-layer", source: source)
    layer.lineDashPattern = NSExpression(forConstantValue: [2, 1.5])
    style.addLayer(layer)
}

然后根据需要更新 source 上的 shape 属性。