Maps SDK for iOSDynamic map sources
Dynamic map sources
Add layers and sources (e.g. GeoJSON, images) to the map in real time. This will allow you to
dynamically change map’s style in response to user interaction and context.
Sample use case 1: You want to add extra layers with building plans from your custom source.
Sample use case 2: You want to dynamically modify source parameters (e.g. URL).
The Maps SDK for iOS allows to create a layer and dynamically add it to the style, as shown below:
_
let layerMap = TTMapLayer.create(withStyleJSON: layerJSON, withMap: mapView)
currentStyle.add(layerMap!)TTMapLayer* layerMap = [TTMapLayer createWithStyleJSON:layerJSON withMap:self.mapView];
[self.currentStyle addLayer:layerMap];
To create an Image source:
_
let image = UIImage(named: "buckingham_palace")
let quad = TTLatLngQuad(topLeft: TTCoordinate.BUCKINGHAM_PALACE_TOP_LETF(),
withTopRight: TTCoordinate.BUCKINGHAM_PALACE_TOP_RIGHT(),
withBottomRight: TTCoordinate.BUCKINGHAM_PALACE_BOTTOM_LEFT(),
withBottomLeft: TTCoordinate.BUCKINGHAM_PALACE_BOTTOM_RIGHT())
let sourceMap = TTMapImageSource.create(withID: IMG_SOURCE, image: image!, coordinates: quad)
currentStyle.add(sourceMap)let path = Bundle.main.path(forResource: "layer_raster", ofType: "json") let layerJSON = try! String(contentsOfFile: path!, encoding: .utf8) let layerMap = TTMapLayer.create(withStyleJSON: layerJSON, withMap: mapView) currentStyle.add(layerMap!)
UIImage* image = [UIImage imageNamed:@"buckingham_palace"];
TTLatLngQuad* quad = [[TTLatLngQuad alloc] initWithTopLeft:TTCoordinate.BUCKINGHAM_PALACE_TOP_LETF
withTopRight:TTCoordinate.BUCKINGHAM_PALACE_TOP_RIGHT
withBottomRight:TTCoordinate.BUCKINGHAM_PALACE_BOTTOM_LEFT
withBottomLeft:TTCoordinate.BUCKINGHAM_PALACE_BOTTOM_RIGHT];
TTMapImageSource* sourceMap = [TTMapImageSource createWithID:IMG_SOURCE image:image coordinates:quad];
[self.currentStyle addSource:sourceMap];NSString* path = [[NSBundle mainBundle] pathForResource:@"layer_raster" ofType:@"json"]; NSString* layerJSON = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil]; TTMapLayer* layerMap = [TTMapLayer createWithStyleJSON:layerJSON withMap:self.mapView]; [self.currentStyle addLayer:layerMap];
To hide a source or a layer from the style:
_
let layerMap = TTMapLayer.create(withStyleJSON: layerJSON, withMap: mapView)
currentStyle.add(layerMap!)TTMapLayer* layerMap = [TTMapLayer createWithStyleJSON:layerJSON withMap:self.mapView];
[self.currentStyle addLayer:layerMap];
Custom image source |
Custom GeoJSON source |