mapbox / mapbox/mapbox-maps-flutter
Update an icon of a feature when selected
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
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- 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