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:

SWIFT
OBJECTIVEC
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;
SWIFT
OBJECTIVEC
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