mapbox / mapbox/mapbox-maps-flutter

Update an icon of a feature when selected

Aperta
#781 1 commento 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
Dart
Stelle
380
Fork
204
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

I'm a bit lost with the poor documentation regarding the `feature-state` so I don't know if it's a bug or a wrong implementation.

I have this function that does set the feature-state
```
Future _changeSelectedMarker({ExtendedActivity? previousSelection, ExtendedActivity? newSelection}) async {
if (previousSelection != null) {
LoggingService.instance.debug('Deselecting marker with ID: ${previousSelection.activity.firebaseId}');
map.setFeatureState(
"activity-source",
null,
previousSelection.activity.firebaseId,
jsonEncode({"selected": false}),
);
}
if (newSelection != null) {
LoggingService.instance.debug('Selecting marker with ID: ${newSelection.activity.firebaseId}');
map.setFeatureState(
"activity-source",
null,
newSelection.activity.firebaseId,
jsonEncode({"selected": true}),
);
}
}
```

My layer is init like that
```
Future _initSymbolLayer() async {
await map.style.addStyleSource(
"activity-source",
jsonEncode({
'type': 'geojson',
'data': {
'type': 'FeatureCollection',
'features': [],
},
}));

await map.style.addStyleLayer(
jsonEncode(
{
'id': "activity-layer",
'type': 'symbol',
'source': "activity-source",
'layout': {
'text-field': ['get', 'title'],
'text-size': OGDims.dim4,
'text-variable-anchor': ['left', 'top', 'right'],
'text-radial-offset': 1,
'text-offset': [2, 0],
'icon-image': [
'case',
[
'boolean',
['feature-state', 'selected'],
false
],
['get', 'selectedIcon'],
['get', 'icon'],
],
'icon-size': 7,
'icon-allow-overlap': true,
'icon-ignore-placement': true,
'text-allow-overlap': false,
'text-ignore-placement': false,
'text-justify': "auto",
},
'paint': {
'text-color': "#000000",
'text-halo-color': "#FFFFFF",
'text-halo-width': 1.75,
'icon-opacity': [
'coalesce',
['feature-state', 'opacity'],
0.0
]
}
},
),
LayerPosition(at: 0),
);

addMarkerImagesToMap();
}
```

But I can't make it works. Is it a bad implementation or a bug?

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia da _changeSelectedMarker e _initSymbolLayer nell’issue, quindi verifica l’API setFeatureState di Flutter Mapbox e il supporto di feature-state per le symbol-layer icon-image expressions. Riproduci il flusso di selezione e deselezione con il sorgente dell’activity e la configurazione del layer forniti. Il lavoro è completato quando hai determinato se lo stato viene applicato e l’icona cambia, oppure hai documentato un bug confermato dell’SDK con la riproduzione pertinente.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
dart, flutter
Ambito
mobile
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.