MLNImageSource class

MLNImageSource is a content source that is used for a georeferenced raster image to be shown on the map. The georeferenced image scales and rotates as the user zooms and rotates the map. Images may also be used as icons or patterns in a style layer. To register an image for use as an icon or pattern, use the MLNStyle/setImage:forName: method. To configure a point annotation’s image, use the MLNAnnotationImage class.

The geographic location of the raster image content, supplied with MLNCoordinateQuad, can be non-axis aligned. MLNImageSource supports raster content from NSURL, NSImage (macOS), or UIImage (iOS). An image source is added to an MLNStyle object along with one or more MLNRasterStyleLayer objects. Use a raster style layer to control the appearance of content supplied by the image source.

Each image source defined by the style JSON file is represented at runtime by an MLNImageSource object that you can use to initialize new style layers. You can also add and remove sources dynamically using methods such as MLNStyle/addSource: and MLNStyle/sourceWithIdentifier:.

Example

let coordinates = MLNCoordinateQuad(
topLeft: CLLocationCoordinate2D(latitude: 46.437, longitude: -80.425),
bottomLeft: CLLocationCoordinate2D(latitude: 37.936, longitude: -80.425),
bottomRight: CLLocationCoordinate2D(latitude: 37.936, longitude: -71.516),
topRight: CLLocationCoordinate2D(latitude: 46.437, longitude: -71.516))
let source = MLNImageSource(identifier: "radar", coordinateQuad: coordinates, url: URL(string:
"https://maplibre.org/maplibre-gl-js-docs/assets/radar.gif")!) mapView.style?.addSource(source)

Related examples

TODO: Add an image, learn how to add an image to your map using MLNImageSource.