We rolled out a new and better SDK for you.

Map UI Extensions

Use default compass, current location buttons, zooming, and panning controls built into the Maps SDK.

Sample use case 1: You want to provide your users with the compass, current location, and panning and zooming controls so they can quickly center the map on their current location, set it to display north at the top of the screen after rotating the map, and pan or zoom the map. You can use the default controls provided with the Maps SDK.

Sample use case 2: You want to provide your users with the compass, current location, panning and zooming controls and you want to use custom icons that are designed for your app style.

Sample use case 3: In some of the screens in your app, you want to remove the compass, current location, and panning and zooming controls.

Since all ui elements are fully customizable because the Android view’s properties are exposed, changing the default icons for them is straight forward:

1let customControlLeftButton = UIButton()
2customControlLeftButton.setImage(UIImage(named: "arrow_left_custom"), for: .normal)
3customControlLeftButton.setImage(UIImage(named: "arrow_left_highlighted_custom"), for: .highlighted)
4controlView.controlView?.leftControlBtn = customControlLeftButton
1UIButton *customControlLeftButton = [UIButton new]
2[customControlLeftButton setImage:[UIImage imageNamed:@"arrow_left_custom"] forState:UIControlStateNormal];
3[customControlLeftButton setImage:[UIImage imageNamed:@"arrow_left_highlighted_custom"] forState:UIControlStateHighlighted];
4self.controlView.controlView.leftControlBtn = customControlLeftButton;
1let customControlZoomInButton = UIButton()
2customControlZoomInButton.setImage(UIImage(named: "zoom_in_custom"), for: .normal)
3customControlZoomInButton.setImage(UIImage(named: "zoom_in_highlighted_custom"), for: .highlighted)
4controlView.zoomView?.zoomIn = customControlZoomInButton
1UIButton *customControlZoomInButton = [UIButton new];
2[customControlZoomInButton setImage:[UIImage imageNamed:@"zoom_in_custom"] forState:UIControlStateNormal];
3[customControlZoomInButton setImage:[UIImage imageNamed:@"zoom_in_highlighted_custom"] forState:UIControlStateHighlighted];
4self.controlView.zoomView.zoomIn = customControlZoomInButton;


Default ui extensions controls


Default ui extensions controls - Hidden


Custom ui extensions controls