mapbox / mapbox/mapbox-gl-js

Add a raster image to a map layer, android mobile browser appear black

Open
#12,610 1 comment 0 reactions 0 assignees View on GitHub
bug :lady_beetle: environment-specific :desktop_computer:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

**mapbox-gl-js version**:
all
**browser**:
android mobile browser
### Steps to Trigger Behavior

1. copy official example code: https://docs.mapbox.com/mapbox-gl-js/example/image-on-a-map/
2. edit code , replace image url https://docs.mapbox.com/mapbox-gl-js/assets/radar.gif to target image that the dimensions of 3000 * 4600 and image size about 780KB
3. preview new Image
### Link to Demonstration

https://jsbin.com/

### Expected Behavior
the image should be normal
### Actual Behavior
the image is pure black

Contributor guide

Open the contributing guide

Research direction

Start with the official image-on-a-map example and replace radar.gif with the reported 3000 × 4600, roughly 780 KB image in an Android mobile browser. Compare the result with the jsbin reproduction and confirm whether the image renders normally rather than as a solid black image; the issue does not identify a source file or test.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.