logo标签列表

在使用GoogleMaps API的Swift mapView中显示方向按钮

iosswiftgoogle-mapsdirection
20
我正在开发一款适用于Android和iOS的应用程序。在Android的地图视图中，当我点击地图上的标记时，会在视图底部显示两个按钮（方向和Google Maps）。请参见上传的图片。

enter image description here

根据谷歌的指示，我在Swift中设置了MapView以显示谷歌地图。但是当我点击标记时，我在MapView中看不到任何按钮。为什么会这样？
设置Swift中MapView的谷歌指南：https://developers.google.com/maps/documentation/ios-sdk/start
3
为什么这个问题被投票否决了？我正在寻找完全相同的答案！ - Marek Hladnis
2
我也一样，我已经苦恼了三天了...当有人问这个问题时，他们还会投反对票!! - Engineeroholic
5个回答
10

我在谷歌上搜索了这个问题，但是没有找到任何有用的信息，所以我只能手动解决。通过重写“didTapMarker”方法，我添加了这两个按钮：

    func mapView(mapView: GMSMapView, didTapMarker marker: GMSMarker) -> Bool {
            if marker.title != nil {

                let mapViewHeight = mapView.frame.size.height
                let mapViewWidth = mapView.frame.size.width


                let container = UIView()
                container.frame = CGRectMake(mapViewWidth - 100, mapViewHeight - 63, 65, 35)
                container.backgroundColor = UIColor.whiteColor()
                self.view.addSubview(container)

                let googleMapsButton = CustomButton()
                googleMapsButton.setTitle("", forState: .Normal)
                googleMapsButton.setImage(UIImage(named: "googlemaps"), forState: .Normal)
                googleMapsButton.setTitleColor(UIColor.blueColor(), forState: .Normal)
                googleMapsButton.frame = CGRectMake(mapViewWidth - 80, mapViewHeight - 70, 50, 50)
                googleMapsButton.addTarget(self, action: "markerClick:", forControlEvents: .TouchUpInside)
                googleMapsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
                googleMapsButton.title = marker.title
                googleMapsButton.tag = 0

                let directionsButton = CustomButton()

                directionsButton.setTitle("", forState: .Normal)
                directionsButton.setImage(UIImage(named: "googlemapsdirection"), forState: .Normal)
                directionsButton.setTitleColor(UIColor.blueColor(), forState: .Normal)
                directionsButton.frame = CGRectMake(mapViewWidth - 110, mapViewHeight - 70, 50, 50)
                directionsButton.addTarget(self, action: "markerClick:", forControlEvents: .TouchUpInside)
                directionsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
                directionsButton.title = marker.title
                directionsButton.tag = 1
                self.view.addSubview(googleMapsButton)
                self.view.addSubview(directionsButton)
            }
            return true
        }

func markerClick(sender: CustomButton) {
        let fullGPS = sender.gps
        let fullGPSArr = fullGPS!.characters.split{$0 == ","}.map(String.init)

        let lat1 : NSString = fullGPSArr[0]
        let lng1 : NSString = fullGPSArr[1]


        let latitude:CLLocationDegrees =  lat1.doubleValue
        let longitude:CLLocationDegrees =  lng1.doubleValue

        if (UIApplication.sharedApplication().openURL(NSURL(string:"comgooglemaps://")!)) {
            if (sender.tag == 1) {
                UIApplication.sharedApplication().openURL(NSURL(string:
                    "comgooglemaps://?saddr=&daddr=\(latitude),\(longitude)&directionsmode=driving")!)
            } else if (sender.tag == 0) {
                UIApplication.sharedApplication().openURL(NSURL(string:
                    "comgooglemaps://?center=\(latitude),\(longitude)&zoom=14&views=traffic")!)
            }

        } else {
            let regionDistance:CLLocationDistance = 10000
            let coordinates = CLLocationCoordinate2DMake(latitude, longitude)
            let regionSpan = MKCoordinateRegionMakeWithDistance(coordinates, regionDistance, regionDistance)
            var options = NSObject()
            if (sender.tag == 1) {
                options = [
                    MKLaunchOptionsMapCenterKey: NSValue(MKCoordinate: regionSpan.center),
                    MKLaunchOptionsMapSpanKey: NSValue(MKCoordinateSpan: regionSpan.span),
                    MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving
                ]
            } else if (sender.tag == 0) {
                options = [
                    MKLaunchOptionsMapCenterKey: NSValue(MKCoordinate: regionSpan.center),
                    MKLaunchOptionsMapSpanKey: NSValue(MKCoordinateSpan: regionSpan.span)
                ]
            }

            let placemark = MKPlacemark(coordinate: coordinates, addressDictionary: nil)
            let mapItem = MKMapItem(placemark: placemark)
            mapItem.name = sender.title
            mapItem.openInMapsWithLaunchOptions(options as? [String : AnyObject])
        }
    }

地图视图的右下角添加了两个按钮，点击它们后，将会打开 Google 地图应用程序（如果存在）。感谢投反对票 :(

自定义按钮类：

class CustomButton: UIButton {
    var gps = ""
    override func awakeFromNib() {
        super.awakeFromNib()

        //TODO: Code for our button
    }
}
最初进行检查时应该是：(UIApplication.shared.canOpenURL(URL(string:"comgooglemaps://")!))而不是(UIApplication.sharedApplication().openURL(NSURL(string:"comgooglemaps://")!)) - Anuraj
4
这里的CustomButton类是什么？ - poojathorat
2

CustomButton - swift

只需将该类添加到您的视图控制器底部即可。

class CustomButton: UIButton {
    var gps = ""
    override func awakeFromNib() {
        super.awakeFromNib()

        //TODO: Code for our button
    }
}

对于请求“appleMap”，需要导入MapKit。

2

我正在使用Swift版本3的代码，并且我更改了包含视图，我将UIImageView的子视图添加到containView中。

在谷歌地图上添加两个按钮。我使用Lithium的代码放在最上面。

func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {

    if marker.title != nil {
        let mapViewHeight = mapView.frame.size.height
        let mapViewWidth = mapView.frame.size.width


        let container = UIView()
        container.frame = CGRect.init(x: mapViewWidth - 100, y: mapViewHeight - 63, width: 65, height: 35)
        container.backgroundColor = UIColor.white
        self.view.addSubview(container)

        let googleMapsButton = CustomButton()
        googleMapsButton.setTitle("", for: .normal)
        googleMapsButton.setImage(UIImage(named: "googlemaps")?.resizableImage(withCapInsets: UIEdgeInsets.init(top: 0, left: 0, bottom: 50, right: 50)),for: .normal)
        googleMapsButton.setTitleColor(UIColor.blue, for: .normal)
        googleMapsButton.frame = CGRect.init(x: mapViewWidth - 80, y: mapViewHeight - 70, width: 50, height: 50)
        googleMapsButton.addTarget(self, action: #selector(self.markerClick(sender:)), for: .touchUpInside)
        googleMapsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
        googleMapsButton.title = marker.title
        googleMapsButton.tag = 0

        let directionsButton = CustomButton()
        directionsButton.setTitle("", for: .normal)
        directionsButton.setImage(UIImage(named: "googlemapsdirection")?.resizableImage(withCapInsets: UIEdgeInsets.init(top: 0, left: 0, bottom: 50, right: 50)),for: .normal)
        directionsButton.setTitleColor(UIColor.blue, for: .normal)
        directionsButton.frame = CGRect.init(x:mapViewWidth - 110, y:mapViewHeight - 70, width:50, height: 50)
        directionsButton.addTarget(self, action: #selector(self.markerClick(sender:)), for: .touchUpInside)
        directionsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
        directionsButton.title = marker.title
        directionsButton.tag = 1
        self.view.addSubview(googleMapsButton)
        self.view.addSubview(directionsButton)
    }

    return false
}

func markerClick(sender:CustomButton){
    let fullGPS = sender.gps
    let fullGPSArr = fullGPS!.characters.split{$0 == ","}.map(String.init)

    let lat1 : String = fullGPSArr[0]
    let lng1 : String = fullGPSArr[1]


    guard let lat1_double = Double(lat1),let lng1_double = Double(lng1) else{
        return
    }

    let latitude:CLLocationDegrees =  lat1_double
    let longitude:CLLocationDegrees =  lng1_double

    if (UIApplication.shared.openURL(URL(string:"comgooglemaps://")!)) {
        if (sender.tag == 1) {
            UIApplication.shared.openURL(URL(string:
                "comgooglemaps://?saddr=&daddr=\(latitude),\(longitude)&directionsmode=driving")!)
        } else if (sender.tag == 0) {
            UIApplication.shared.openURL(URL(string:
                "comgooglemaps://?center=\(latitude),\(longitude)&zoom=14&views=traffic")!)
        }

    } else {
        let regionDistance:CLLocationDistance = 10000
        let coordinates = CLLocationCoordinate2DMake(latitude, longitude)
        let regionSpan = MKCoordinateRegionMakeWithDistance(coordinates, regionDistance, regionDistance)
        var options : NSDictionary! = nil
        if (sender.tag == 1) {
            options = [

                MKLaunchOptionsMapCenterKey: NSValue.init(mkCoordinate: regionSpan.center),
                MKLaunchOptionsMapSpanKey: NSValue(mkCoordinateSpan: regionSpan.span),
                MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving
            ]
        } else if (sender.tag == 0) {
            options = [
                MKLaunchOptionsMapCenterKey: NSValue(mkCoordinate: regionSpan.center),
                MKLaunchOptionsMapSpanKey: NSValue(mkCoordinateSpan: regionSpan.span)
            ]
        }

        let placemark = MKPlacemark(coordinate: coordinates, addressDictionary: nil)
        let mapItem = MKMapItem(placemark: placemark)
        mapItem.name = sender.title
        mapItem.openInMaps(launchOptions: options as? [String : Any])
    }
}
你应该解释一下你在那里做了什么。 - Luca Kiebel
我正在使用Swift 3的代码。我将代码从Swift 2更改为Swift 3。 - Apinun
1
你好，我可以知道自定义按钮类在哪里吗？ - anson
2

我遇到了同样的问题，但是在Objective-c中，通过按照你的代码实现，我解决了这个问题。 对于那些想在点击标记图标后使用Google地图添加方向图标的人，以下代码适用于我：

-(bool)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker{

    UIButton *directionsButton = [[UIButton alloc] init];
    [directionsButton setTitle:@"" forState:UIControlStateNormal];
    [directionsButton setImage:[UIImage imageNamed:@"ic_google_direction"] forState:UIControlStateNormal];
    [directionsButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [directionsButton setFrame:CGRectMake(self->mapView.frame.size.width - 110, self->mapView.frame.size.height - 130, 50, 50)];
    [directionsButton addTarget:self action:@selector(markerClick) forControlEvents:UIControlEventTouchUpInside];
    [directionsButton setTag:1];
    [[self view] addSubview:directionsButton];

    return NO;
}

-(void) markerClick{

    NSMutableArray *installedNavigationApps = [[NSMutableArray alloc] initWithObjects:@"Apple Maps", nil];

    if ([[UIApplication sharedApplication] canOpenURL:
         [NSURL URLWithString:@"comgooglemaps://"]]) {
        [installedNavigationApps addObject:@"Google Maps"];
    }

    UIAlertController *actionSheet = [UIAlertController alertControllerWithTitle:@"Selecione um aplicativo" message:@"Abrir com" preferredStyle:UIAlertControllerStyleActionSheet];


    for (NSString *app in installedNavigationApps) {

        if([app isEqualToString:@"Apple Maps"]){

            [actionSheet addAction:[UIAlertAction actionWithTitle:app style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {

                [[UIApplication sharedApplication] openURL:
                 [NSURL URLWithString: [NSString stringWithFormat:@"http://maps.apple.com/?saddr=%@,%@&daddr=%@,%@", _latitude, _longitude, _denuncia.Latitude, _denuncia.Longitude]]];
            }]];

        }
        else if([app isEqualToString:@"Google Maps"]){
            [actionSheet addAction:[UIAlertAction actionWithTitle:app style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {

                [[UIApplication sharedApplication] openURL:
                 [NSURL URLWithString: [NSString stringWithFormat:@"comgooglemaps://?saddr=%@,%@&daddr=%@,%@&zoom=14&directionsmode=driving", _latitude, _longitude, _denuncia.Latitude, _denuncia.Longitude]]];
            }]];
        }


    }
    [actionSheet addAction:[UIAlertAction actionWithTitle:@"Cancel" style:UIAlertActionStyleCancel handler:nil]];

    // Present action sheet.
    [self presentViewController:actionSheet animated:YES completion:nil];
}
@Guilherme：感谢您分享您的代码。这将对其他人有所帮助。 - Lithium
1

SWIFT 4.2

根据@Lithium的答案，我已更新代码以兼容Swift 4.2：

func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {

    if marker.title != nil {

        let mapViewHeight = mapView.frame.size.height
        let mapViewWidth = mapView.frame.size.width


        let container = UIView()
        container.frame = CGRect(x: mapViewWidth - 100, y: mapViewHeight - 63, width: 65, height: 35)
        container.backgroundColor = UIColor.white
        self.view.addSubview(container)

        let googleMapsButton = CustomButton()
        googleMapsButton.setTitle("", for: .normal)
        googleMapsButton.setImage(UIImage(named: "googlemaps"), for: .normal)
        googleMapsButton.setTitleColor(UIColor.blue, for: .normal)
        googleMapsButton.frame = CGRect(x: mapViewWidth - 80, y: mapViewHeight - 70, width: 50, height: 50)
        googleMapsButton.addTarget(self, action: #selector(markerClick(sender:)), for: .touchUpInside)
        googleMapsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
        googleMapsButton.setTitle(marker.title, for: .normal)
        googleMapsButton.tag = 0

        let directionsButton = CustomButton()

        directionsButton.setTitle("", for: .normal)
        directionsButton.setImage(UIImage(named: "googlemapsdirection"), for: .normal)
        directionsButton.setTitleColor(UIColor.blue, for: .normal)
        directionsButton.frame = CGRect(x: mapViewWidth - 110, y: mapViewHeight - 70, width: 50, height: 50)
        directionsButton.addTarget(self, action: #selector(markerClick(sender:)), for: .touchUpInside)
        directionsButton.gps = String(marker.position.latitude) + "," + String(marker.position.longitude)
        directionsButton.setTitle(marker.title, for: .normal)
        directionsButton.tag = 1
        self.view.addSubview(googleMapsButton)
        self.view.addSubview(directionsButton)
    }
    return true
}

@objc func markerClick(sender: CustomButton) {
    let fullGPS = sender.gps
    let fullGPSArr = fullGPS.split(separator: ",")

    let lat1 : String = String(fullGPSArr[0])
    let lng1 : String = String(fullGPSArr[1])


    let latitude = Double(lat1) as! CLLocationDegrees
    let longitude = Double(lng1) as! CLLocationDegrees

    if (UIApplication.shared.canOpenURL(URL(string:"comgooglemaps://")!)) {

        if (sender.tag == 1) {
            let url = URL(string: "comgooglemaps://?saddr=&daddr=\(latitude),\(longitude)&directionsmode=driving")
            UIApplication.shared.open(url!, options: [:], completionHandler: nil)
        } else if (sender.tag == 0) {
            let url = URL(string:"comgooglemaps://?center=\(latitude),\(longitude)&zoom=14&views=traffic&q=\(latitude),\(longitude)")
            UIApplication.shared.open(url!, options: [:], completionHandler: nil)
        }

    } else {
        let regionDistance:CLLocationDistance = 10000
        let coordinates = CLLocationCoordinate2DMake(latitude, longitude)
        let regionSpan = MKCoordinateRegionMakeWithDistance(coordinates, regionDistance, regionDistance)
        var options = NSObject()
        if (sender.tag == 1) {
            options = [
                MKLaunchOptionsMapCenterKey: NSValue(mkCoordinate: regionSpan.center),
                MKLaunchOptionsMapSpanKey: NSValue(mkCoordinateSpan: regionSpan.span),
                MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving
                ] as NSObject
        } else if (sender.tag == 0) {
            options = [
                MKLaunchOptionsMapCenterKey: NSValue(mkCoordinate: regionSpan.center),
                MKLaunchOptionsMapSpanKey: NSValue(mkCoordinateSpan: regionSpan.span)
                ] as NSObject
        }

        let placemark = MKPlacemark(coordinate: coordinates, addressDictionary: nil)
        let mapItem = MKMapItem(placemark: placemark)
        mapItem.name = sender.title(for: .normal)
        mapItem.openInMaps(launchOptions: options as? [String : AnyObject])
    }
}

class CustomButton: UIButton {
    var gps = ""
    override func awakeFromNib() {
        super.awakeFromNib()

        //TODO: Code for our button
    }
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接