mapbox / mapbox/mapbox-maps-flutter

SDF image and PointAnnotation

Offen
#121 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
Dart
Sterne
380
Forks
204
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

I'm trying to add an SDF image using:

```
Uint8List _markerSdf = (await rootBundle.load('assets/map/marker_sdf.png')).buffer.asUint8List();

PointAnnotationOptions(
geometry: geometry,
iconSize: 1,
iconOffset: [0, 4],
symbolSortKey: 10,
image: _markerSdf,
iconColor: Colors.red.value,
iconOpacity: 255,
iconHaloColor: Colors.black.value,
iconHaloWidth: .5,
iconAnchor: IconAnchor.BOTTOM,
)
```

... but the colors aren't working, I'm getting a blurry white image in the shape of my icon. Is there something else I need to do to make this work?

![Screenshot_20230316_154409](https://user-images.githubusercontent.com/101229198/225736521-fc0d2e8b-ab1c-4a14-8f57-5514729d74e1.png)

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit PointAnnotationOptions und dem geladenen Asset marker_sdf.png und konzentriere dich darauf, wie image, iconColor, iconOpacity und halo miteinander interagieren sollen. Reproduziere das bereitgestellte Flutter-Beispiel und vergleiche das Ergebnis mit den Anforderungen des SDF-Bildes; abgeschlossen ist die Aufgabe, wenn festgestellt wurde, ob das Verhalten unterstützt wird, und die erforderliche Verwendung dokumentiert oder validiert wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
dart, flutter
Bereich
mobile-dev
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.