iOS 高德地圖折線點擊處理方案

需求分析:

???????由于公司是做航運平臺方面的,需要用到地圖去展示商品運輸過程中的狀態以及位置,最終選用了國內優秀的地圖提供商--高德地圖去處理。在使用過程中遇到一個需求:需要根據卡車的運行軌跡進行畫線,并且因為可能在一個訂單中存在多輛卡車,所以就存在了多條軌跡線路,此時需要提供用戶點擊折線,切換展示不同的卡車信息的功能。
???????處理畫卡車軌跡還是比較輕松就可以解決掉的,直接拿到卡車的軌跡經緯度數組,使用高德提供的繪制折線功能就可以輕松搞定了,但是在處理點擊折線的時候遇到了問題,遍尋高德的開發文檔以及API接口文檔也沒能找到對應的處理方法(可能是我比較菜??),不過安卓倒是有對應的處理方法,這讓我郁悶了好久,不過問題還是要解決啊...
???????在網上查了好久,終于找到一種比較合適的替代方法。傳送門

實現方法:

  1. 判斷點擊的屏幕位置是否在折線的區域外接矩形對應的屏幕坐標系的rect內,在則繼續操作,否則則判斷此次點擊無效。
  2. 將折線對應的經緯度轉換為屏幕坐標點。
  3. 獲取屏幕點擊點到折線對應的屏幕坐標點每兩個相鄰點的的最短距離,并放入一個數組。
  4. 將距離數組排序,取出最小距離。
  5. 判斷獲取屏幕點擊點到所有折線中最小距離的的折線,并判斷距離是否大于50,如果小于50則判定點擊有效,獲取折線對應的卡車信息,進行處理。否則則判定此次點擊無效。

代碼實現:

class XHMapExtHandle: NSObject {

    /// 判斷一個點是否在一個折線范圍內,并返回點到折線的最短距離
    ///
    /// - Parameters:
    ///   - coordinate: 地圖上的對應坐標
    ///   - polyline: 折線
    /// - Returns:
    class func isPointOnPloyline(_ point: CGPoint,_ polyline: MAPolyline,_ mapView: MAMapView) -> (Bool, CGFloat) {
        
        let region = MACoordinateRegionForMapRect(polyline.boundingMapRect)
        let rect = mapView.convertRegion(region, toRectTo: mapView)
        //判斷當前點擊點是否在指定view坐標系的rect內,否者返回false
        if rect.contains(point) == false {
            return (false, 0.0)
        }
        
        //獲取距離數組
        var disArray: [CGFloat] = []
        //獲取折線的坐標點
        let pts = polyline.points
        //獲取坐標點個數
        let count = polyline.pointCount
        for i in 0..<count - 1 {
            let curPoint = pointFromCoordinate(mapPoint: pts?[Int(i)], mapView: mapView)
            let nextPoint = pointFromCoordinate(mapPoint: pts?[Int(i + 1)], mapView: mapView)
            let dis = disPointToLine(point, curPoint, nextPoint)
            if dis.isNaN == false {
                disArray.append(dis)
            }
        }
        disArray.sort()
        let mixDis = disArray.first ?? 100000
        return (true, mixDis)
    }
    
    /// 獲取一個點到一條線段的最短距離
    ///
    /// - Parameters:
    ///   - point: 原點
    ///   - startPoint: 線段起點
    ///   - endPoint: 線段結束點
    /// - Returns: 最短距離
    class func disPointToLine(_ point: CGPoint, _ startPoint: CGPoint, _ endPoint: CGPoint) -> CGFloat {
        //point到startPoint的長度,記作b線段
        let distancePoToS = disBetweenTwoPoints(point, startPoint)
        //point到endPoint的長度,記作c線段
        let distancePoToE = disBetweenTwoPoints(point, endPoint)
        //startPoint到endPoint的長度,記作a線段
        let distanceSToE = disBetweenTwoPoints(startPoint, endPoint)
        
        if distancePoToE + distancePoToS == distanceSToE {
            //當distancePoToS+distancePoToE=distanceSToE時,point在startPoint和endPoint組成的線段上
            return 0.0
        } else if distancePoToE * distancePoToE >= distancePoToS * distancePoToS + distancePoToE * distancePoToE {
            //當c*c>=a*a+b*b時組成直角三角形或鈍角三角形,投影在distancePoToS延長線上
            return distancePoToS;
        } else if distancePoToS * distancePoToS >= distancePoToE * distancePoToE + distanceSToE * distanceSToE {
            //當b*b>c*c+a*a時組成直角三角形或鈍角三角形,投影在distancePoToE延長線上
            return distancePoToE
        } else {
            //其他情況組成銳角三角形,則求三角形的高
            let p = (distancePoToS + distancePoToE + distanceSToE) / 2.0         // 半周長
            let s = sqrt(p * (p - distanceSToE) * (p - distancePoToS) * (p - distancePoToE))         // 海倫公式求面積
            let dis = 2 * s / distanceSToE
            return  dis          // 返回點到線的距離(利用三角形面積公式求高)
        }
    }
    
    /// 計算兩個平面點之間的距離
    ///
    /// - Parameters:
    ///   - point1: 點1
    ///   - point2: 點2
    /// - Returns: 兩點之間的距離
    class func disBetweenTwoPoints(_ point1: CGPoint,_ point2: CGPoint) -> CGFloat {
        let disX = point1.x - point2.x
        let disY = point1.y - point2.y
        let distance = sqrtf(Float(disX * disX + disY * disY))
        return CGFloat(distance)
    }
    
    /// 平面點和經緯度的轉換
    ///
    /// - Parameters:
    ///   - mapPoint: 平面點
    ///   - mapView: 對應的視圖
    /// - Returns: 平面點
    class func pointFromCoordinate(mapPoint: MAMapPoint?, mapView: MAMapView) -> CGPoint {
        guard let mapPoint = mapPoint else {
            return CGPoint.init()
        }
        let coordinate = MACoordinateForMapPoint(mapPoint)
        let point = mapView.convert(coordinate, toPointTo: mapView)
        return point
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。