Remove/Edit markers on Google Places API?

Question

I want to incorporate Google Places API in my projects and I want to edit the markers that the Google Places API provides for you. Here is a link displaying how the API works: https://developers.google.com/places/ios/placepicker. However, I want to be able to edit the red markers and change them to other types of images as opposed to having them as the built-in markers that Google has provided. The reason I see this is possible is because I looked at https://developers.google.com/maps/showcase/#ios and found that the project Foodspotter has changed the markers into those of different images. Would there be a way to edit the Places API to do this or would I have to do something like https://developers.google.com/maps/documentation/ios/marker to change the appearance of the markers? Thanks!

Edit: My Attempt:

@IBAction func pickPlace(sender: UIButton) {
    let center = CLLocationCoordinate2DMake(locationManager.location.coordinate.latitude, locationManager.location.coordinate.longitude)
    let northEast = CLLocationCoordinate2DMake(center.latitude + 0.001, center.longitude + 0.001)
    let southWest = CLLocationCoordinate2DMake(center.latitude - 0.001, center.longitude - 0.001)
    let viewport = GMSCoordinateBounds(coordinate: northEast, coordinate: southWest)
    let config = GMSPlacePickerConfig(viewport: viewport)

    var camera = GMSCameraPosition.cameraWithLatitude(locationManager.location.coordinate.latitude,
        longitude: locationManager.location.coordinate.longitude, zoom: 6)
    var mapView = GMSMapView.mapWithFrame(CGRectZero, camera: camera)
    mapView.myLocationEnabled = true
    self.view = mapView

    println("Going into place picker")
    placePicker?.pickPlaceWithCallback({ (place: GMSPlace?, error: NSError?) -> Void in
        println("Inside Callback")
        if let error = error {
            println("Pick Place error: \(error.localizedDescription)")
            return
        }

        if let place = place {
            self.nameLabel.text = place.name
            self.addressLabel.text = "\n".join(place.formattedAddress.componentsSeparatedByString(", "))

            var marker: GMSMarker = GMSMarker(position: self.locationManager.location.coordinate)
            marker.position = place.coordinate
            marker.title = place.name
            marker.snippet = place.formattedAddress
            marker.map = mapView;
            marker.icon = UIImage(contentsOfFile: "test")
            //marker.icon = [UIImage imageNamed:@"marker"];

            var cameraView = GMSCameraPosition.cameraWithLatitude(marker.position.latitude, longitude: marker.position.longitude, zoom: 6)
            mapView.animateToCameraPosition(cameraView)

        } else {
            self.nameLabel.text = "No place selected"
            self.addressLabel.text = ""
        }
    })
}

You already have the answer in your link you have exactly to do as te third link suggests to update the marker. GMSMarker *london = [GMSMarker markerWithPosition:position]; london.title = @"London"; london.icon = [UIImage imageNamed:@"house"]; london.map = mapView_; — Qazi
@Qazi when I use the Google Place API however, I don't seem to have any GMSMarker objects I can use or edit which is my problem. — user1871869

ztan ztan · Accepted Answer · 2015-08-06T17:30:24

The GMSPlace object returned from the pickPlaceWithCallBack method contains a @property(nonatomic, readonly) CLLocationCoordinate2D coordinate; property. You can use that to construct your GMSMarker object.

When you want to add a custom image to your GMSMarker object, you can just simply call marker.icon = [UIImage imageNamed:@"YOUR_IMAGE_NAME"];.

Sample code below:

-(void)testPlacePicker {
    CLLocationCoordinate2D center = CLLocationCoordinate2DMake(51.5108396, -0.0922251);
    CLLocationCoordinate2D northEast = CLLocationCoordinate2DMake(center.latitude + 0.001, center.longitude + 0.001);
    CLLocationCoordinate2D southWest = CLLocationCoordinate2DMake(center.latitude - 0.001, center.longitude - 0.001);
    GMSCoordinateBounds *viewport = [[GMSCoordinateBounds alloc] initWithCoordinate:northEast
                                                                         coordinate:southWest];
    GMSPlacePickerConfig *config = [[GMSPlacePickerConfig alloc] initWithViewport:viewport];
    _placePicker = [[GMSPlacePicker alloc] initWithConfig:config];

    [_placePicker pickPlaceWithCallback:^(GMSPlace *place, NSError *error) {
        if (error != nil) {
            NSLog(@"Pick Place error %@", [error localizedDescription]);
            return;
        }

        if (place != nil) {
            NSLog(@"Place name %@", place.name);
            NSLog(@"Place address %@", place.formattedAddress);
            NSLog(@"Place attributions %@", place.attributions.string);

            GMSMarker *marker = [[GMSMarker alloc] init];
            marker.position = place.coordinate;
            marker.title = place.name;
            marker.snippet = place.formattedAddress;
            marker.map = mapView_;
            marker.icon = [UIImage imageNamed:@"marker"];

            GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:marker.position.latitude
                                                                   longitude:marker.position.longitude
                                                                        zoom:6];

            [mapView_ animateToCameraPosition:camera];

        } else {
            NSLog(@"No place selected");
        }
    }];
}

Remove/Edit markers on Google Places API?

1 Answers