Swift:添加方向按钮以固定注释

时间:2017-02-05 10:22:04

标签: swift maps mkmapview mkannotation

我有一个使用MKMapView显示公司位置的应用。当用户访问联系人页面时,屏幕顶部会出现一个地图,其中一个图钉掉落并显示我们的位置。单击地图图钉时,它会在注释中显示公司名称。

我使用back4app从存储在Parse后端的数据中将公司地址拉入MKMApView。

我完全正常工作,但是,当我点击地图图钉并显示公司名称时,我正在尝试获取汽车图标按钮,以便用户可以获得我们公司的路线。

以下是我必须设置注释的代码:

IIF(

  IsEMPTY(
            (
            ParallelPeriod
                    (
                    [Time].[CalendarSales].[CalendarYear],
                    1,
                    [Time].[CalendarSales].CurrentMember
                    ),[Measures].[CostSales]
             )
        )   
OR
             (
             ParallelPeriod
                    (
                    [Time].[CalendarSales].[CalendarYear],
                    1,
                    [Time].[CalendarSales].CurrentMember
                    ),[Measures].[CostSales]
              )=0
,
0,
[Measures].[ParallelPeriodFactSalesVariance]/[Measures].[ParellelPeriodFactSales]
)

我根本不知道如何在注释中获取按钮图标并在单击按钮时显示方向。使用当前地图视图或在其设备上打开用户地图应用程序,无论哪种方式都可以。

谢谢。

1 个答案:

答案 0 :(得分:4)

我建议你一个示例方法,在你的图钉上放一个按钮,并用苹果地图应用程序向用户提供图钉的方向。

首先,在你的pin声明之后,你应该声明一个按钮,让你有机会在pin中与用户交互(稍后我们将展示如何初始化pin中的按钮)。

您可以按照以下方式声明按钮:

let smallSquare = CGSize(width: 30, height: 30)
let button = UIButton(frame: CGRect(origin: CGPointZero, size: smallSquare))

注意smallSquare为按钮指定未来图钉按钮的正确尺寸。

您可以使用方法button.setBackgroundImage(UIImage(named: "car"), forState: .Normal)在图钉的按钮中添加图像。

Apple开发人员向我们提供了一些文档:Apple developer web site

然后您可以使用此方法执行按钮操作:button.addTarget(self, action: #selector(ViewController.getDirections), forControlEvents: .TouchUpInside)。 所以,像这样,如果正常选择按钮(.TouchUpInside),程序将调用函数getDirection ()

现在,您可以使用以下方法初始化图钉中的按钮:pinView?.leftCalloutAccessoryView = button

注意此方法设置引脚左侧的按钮。您可以按下右侧的按钮:pinView?.rightCalloutAccessoryView = button

Apple developer提供有关该主题的一些信息。

但是,我不知道如何在引脚的整个表面初始化按钮。

最后,您应该使用函数getDirections ()向用户提供引脚的“方向”。

我建议你为此目的使用苹果地图应用程序。

我的功能getDirections ()如下所示:

func getDirections(){
        guard let selectedPin = selectedPin else { return }
        let mapItem = MKMapItem(placemark: selectedPin)
        let launchOptions = [MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving]
        mapItem.openInMapsWithLaunchOptions(launchOptions)

        print ("GET DIRECTION")
    }

我在此web site中找到了此功能。我认为这可以比我更好地解释。

最后,我的程序看起来像这样:

func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView?{

    guard !(annotation is MKUserLocation) else { return nil }
    let reuseId = "pin"
    var pinView = mapView.dequeueReusableAnnotationViewWithIdentifier(reuseId) as? MKPinAnnotationView
    if pinView == nil {
        pinView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: reuseId)
    }
    pinView?.pinTintColor = UIColor.orangeColor()
    pinView?.canShowCallout = true
    //The initialization of the pin. Here your program looks great.

    // And after the code as seen above.
    let smallSquare = CGSize(width: 30, height: 30)
    let button = UIButton(frame: CGRect(origin: CGPointZero, size: smallSquare))
    button.setBackgroundImage(UIImage(named: "car"), forState: .Normal)
    button.addTarget(self, action: #selector(ViewController.getDirections), forControlEvents: .TouchUpInside)
    pinView?.leftCalloutAccessoryView = button

     return pinView
}




func getDirections(){
    guard let selectedPin = selectedPin else { return }
    let mapItem = MKMapItem(placemark: selectedPin)
    let launchOptions = [MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving]
    mapItem.openInMapsWithLaunchOptions(launchOptions)

    print ("GET DIRECTION")
}

通常,您的程序应如下所示:

 func addPinOnMap(_ address: String) {    

        var hotelClass = PFObject(className: HOTEL_CLASS_NAME)
        hotelClass = hotelArray[0]

        if mapView.annotations.count != 0 {
            annotation = mapView.annotations[0]
            mapView.removeAnnotation(annotation)
        }

        // Make a search on the Map
        localSearchRequest = MKLocalSearchRequest()
        localSearchRequest.naturalLanguageQuery = address
        localSearch = MKLocalSearch(request: localSearchRequest)

        localSearch.start { (localSearchResponse, error) -> Void in

            // Add PointAnnonation text and a Pin to the Map
            self.pointAnnotation = MKPointAnnotation()
            self.pointAnnotation.title = "\(hotelClass[HOTEL_NAME]!)"
            self.pointAnnotation.coordinate = CLLocationCoordinate2D( latitude: localSearchResponse!.boundingRegion.center.latitude, longitude:localSearchResponse!.boundingRegion.center.longitude)

            self.pinView = MKPinAnnotationView(annotation: self.pointAnnotation, reuseIdentifier: nil)
            self.mapView.centerCoordinate = self.pointAnnotation.coordinate
            self.mapView.addAnnotation(self.pinView.annotation!)

            let smallSquare = CGSize(width: 30, height: 30)
            let button = UIButton(frame: CGRect(origin: CGPointZero, size: smallSquare))
            button.setBackgroundImage(UIImage(named: "car"), forState: .Normal)
            button.addTarget(self, action: #selector(ViewController.getDirections), forControlEvents: .TouchUpInside)
            self.pinView?.leftCalloutAccessoryView = button

            // Zoom the Map to the location
            self.region = MKCoordinateRegionMakeWithDistance(self.pointAnnotation.coordinate, 1000, 1000);
            self.mapView.setRegion(self.region, animated: true)
            self.mapView.regionThatFits(self.region)
            self.mapView.reloadInputViews()
        }

func getDirections(){
guard let selectedPin = selectedPin else { return }
let mapItem = MKMapItem(placemark: selectedPin)
let launchOptions = [MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving]
mapItem.openInMapsWithLaunchOptions(launchOptions)

print ("GET DIRECTION")
}

对不起,我无法尝试您的代码,因为我没有像pinView声明这样的完全代码。

注意,您需要添加此行代码才能接受,而引脚可以显示标注pinView?.canShowCallout = true

如果您想了解更多详情或告诉我评论,您可以查阅这些网站。

Thorn technologies

Apple developer