У меня 85 мест в списке. Каждое местоположение имеет статус возможно , да или нет . где
Да = Зеленый Цвет булавки
Нет = Красный Цвет булавки
Возможно = Оранжевый цвет булавки
Всякий раз, когда я нажимаю на определенный маркер, его цвет меняется на зеленый. затем, если я нажму на карту, цвет go вернется к тому, что он должен быть. Иногда маркеры также отображаются с неправильным цветом. это начинает очень расстраивать из-за того, что такая простая задача еще настолько сложна в этом достижении sh в этой структуре.
Это мой код:
const get_color = (v) => {
switch (v.stop_status) {
case 'yes':
return `green`
case 'maybe':
return `orange`
case 'no':
return `red`
}
}
<MapView
style={{ flex: 1 }}
region={{
latitude: 31.594,
longitude: -102.74,
latitudeDelta: 0.015 * 4000,
longitudeDelta: 0.015 * 4000,
}}
showsUserLocation={true}
>
{crossings.length != 0
? crossings.map((l, i) => (
<Marker
key={i}
pinColor={get_color(l.stop_status)}
coordinate={{
latitude: parseFloat(l.stop_latitude),
longitude: parseFloat(l.stop_longitude),
}}
title={l.stop_name}
/>
))
: null}
</MapView>
Любая помощь будет принята с благодарностью