Skip to content

MapMetrics Atlas API Docs

Main Navigation Home Overview Getting Started Examples

Appearance

Sidebar Navigation

Overview

Examples

Getting Started

Key Creation

Style Creation

Common Errors & Troubleshooting

API Services

Geocoder

Autocomplete

Forward Geocoder

Reverse Geocoder

Directions

Directions Endpoint

Elevation

Map Matching

Matrix

Optimization

Isochrone

SDK and Examples

MapMetrics GL (Web)

Simple Map (CDN)

Simple Map (NPM)

React Map Integration

Add a Marker

Add a Popup

Add Image as a Marker

Add a Geometry

Add a Heatmap

Arc Layer (Flight Routes)

Hexagon Layer (Data Aggregation)

Create and style clusters

Display the whole world

3D Building

Add a 3D Model (Three.js)

Building Color by Zoom

Terrain & Elevation

3D Terrain

Sky, Fog and Terrain

Add a Hillshade Layer

Add a Color Relief Layer

Add Contour Lines

Satellite Map with Terrain

Camera & Navigation

Fly to a Location

Fit to Bounding Box

Set Pitch and Bearing

Animate Camera Around a Point

Jump to a Series of Locations

Customize Camera Animations

Slowly Fly to a Location

Fly to Location on Scroll

Offset Vanishing Point with Padding

Render World Copies

Sync Multiple Maps

Constrain Map Transform

Game-Like Controls

User Interaction

Popup on Click

Popup on Hover

Hover Effect

Mouse Coordinates

Draggable Marker

Locate the User

Geometry & Features

Add a GeoJSON Line

Add a GeoJSON Polygon

Draw GeoJSON Points

Multiple Geometries from One Source

Cluster Points with Custom Styling

Lines & Polygons

Animate a Line

Animate a Point Along a Route

Style Lines with Data-Driven Property

Draw a Gradient Line

Draw a Circle

Add a Pattern to a Polygon

Filter Within a Layer

Animations

Animate a Point

Animate a Marker

Update a Feature in Realtime

Popups & Info

Display a Popup

Show Polygon Info on Click

Get Features Under Mouse

Measure Distances

Filtering & Search

Filter by Text Input

Filter by Toggle List

Camera & Bounds

Fit Map to a LineString

Restrict Map Panning

Layer Styling

Add Layer Below Labels

Change Layer Color at Runtime

Map Controls

Navigation Controls

Disable Map Rotation

Disable Scroll Zoom

Fullscreen Map

Toggle Map Interactions

Icons & Images

Add an Icon to the Map

Add a Generated Icon

Add an Animated Icon

Add a Stretchable Image

Add Custom Icons with Markers

Display a Remote SVG Symbol

Labels & Text

RTL Script Support

Change Label Case

Advanced

Create a Draggable Point

Flutter MapMetrics

Introduction

Setup Guide

Basic Map

Markers and Annotations

Custom Map Styling

Map Interactions

Add a Popup

Add a Polyline

Add a Polygon

Draw a Circle

Draggable Marker

Fly to a Location

Jump to Locations

Locate the User

Fullscreen Map

Set Pitch and Bearing

Add Image Marker

Navigation Controls

Disable Scroll Zoom

Fit to Bounding Box

Animate Camera Around Point

Restrict Map Panning

Multiple Geometries

Animate a Marker

Measure Distances

Toggle Interactions

Add Clusters

Add a Heatmap

Popup on Click

Animate a Line

Filter Markers

Sync Multiple Maps

Slowly Fly to Location

Show Polygon Info on Click

Game-Style Controls

Migrate from Google Maps

iOS MapMetrics Native

Getting Started

Map Features

Add Markers

Add Heatmap

Add Clusters

Annotation View

Data Sources

GeoJSON

PMTiles

Web API Data

Styling

Example Styles

Custom Style Layer

For Style Authors

Building Light

Line Style Layer

DDS Circle Layer

Customizing Fonts

Multiple Images

Lines and Geometry

Animated Line

Line on User Tap

Gestures and Interactions

Gesture Recognizers

Blocking Gestures

Location

Camera and Snapshots

Static Snapshot

Offline Maps

Advanced

Plugin Layers

Predicates and Expressions

Observer Pattern

Action Journal

POI Along Route

Rendering Statistics

Tile URL Templates

Configuration

Android MapMetrics

Quickstart

Configuration

Using a GeoJSON Source

LocationComponent

Using the Snapshotter

Annotations

Add Markers in Bulk

Annotation: Marker

Camera

Animation Types

Animator Animation

CameraPosition Capabilities

Gesture Detector

LatLngBounds API

Max/Min Zoom

Scroll by Method

Zoom Method

Orbit Animation

Set Pitch & Bearing

Interactions

Map Click Events

Display a Popup

Fly to a Location

Draw a Polyline Route

Draw a Polygon Area

Add a Heatmap

Create Clusters

Multiple Markers with Icons

Animate a Marker

Animate a Line

Measure Distances

Fit to Bounding Box

Fullscreen Map

Disable Gestures

Restrict Map Panning

Draw a Circle

Jump to Locations

Custom Image Markers

Navigation Controls

Multiple Geometries

Toggle Interactions

Sync Multiple Maps

Slowly Fly to Location

Polygon Info on Click

Game-Style Controls

Migrate from Google Maps

Data

PMTiles

Vector Tiles

GeoJSON from URL

Multiple Data Sources

Styling

Animated Image Source

Animated SymbolLayer

Building Layer

Circle Layer (with Clustering)

Add Custom Sprite

Data Driven Style

Distance Expression

Draggable Marker

Add live realtime data

Image Overlay

3D Fill Extrusion

Filter Features

Custom Styling

Migration Guide

Google Maps to MapMetrics

Mapbox to MapMetrics

On this page

CrossFaded<T>

CrossFaded<T> = object

Defined in: src/style/properties.ts:19

A from-to type

Type Parameters

Type Parameter
`T`

Last updated:

Pager

Next pageOverview