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

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

Data

PMTiles

Vector Tiles

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

Migration Guide

Google Maps to MapMetrics

Mapbox to MapMetrics

On this page

AlphaImage

Defined in: src/util/image.ts:88

An image with alpha color value

Last updated:

Pager

Next pageOverview

Geocoder

Directions

MapMetrics GL (Web)

Terrain & Elevation

Camera & Navigation

User Interaction

Geometry & Features

Lines & Polygons

Animations

Popups & Info

Filtering & Search

Camera & Bounds

Layer Styling

Map Controls

Icons & Images

Labels & Text

Advanced

Flutter MapMetrics

iOS MapMetrics Native

Map Features

Data Sources

Styling

Lines and Geometry

Gestures and Interactions

Camera and Snapshots

Advanced

Android MapMetrics

Annotations

Camera

Data

Styling

Migration Guide

AlphaImage ​

AlphaImage