Buen día a todos.
Estoy trabajando en un webmap con react leaflet. Tengo una capa en geojson llamada "localidades" que me arroja un arreglo los nombres de las localidades.
El problema es que necesito que cada nombre se tome como una opción diferente en un componente Select que hice, pero hasta ahora solamente me imprime un arreglo con todos los nombres de localidades en una sola opción:
- Guanajuato Tlaxcala Sonora Chiapas
Cuando deberían ser tomados como opciones separadas:
- Guanajuato
- Tlaxcala
- Sonora
- Chiapas
Podría hacerlo manualmente, es decir, escribir todas las opciones por separado pero el problema es que la capa tiene alrededor de 500 elementos y tendría que hacer esas 500 opciones para mi Select. Además de que lo voy a repetir con otras capas.
Hay alguna manera de separarlo y que tome cada elemento como una opción de mi Select de una forma sencilla?
const opcLugar = useMemo((idCapa,idFeature) => {
let capa = undefined;
capasRBAC.forEach((item) => {
if (idCapa == item.id) {
capa = item;
}
});
let feature = capa.capa.features[idFeature];
setFeatureEditable(feature);
if (valueFiltrarCapa === 'Localidades') {
let nombreLocalidad=[];
for(var i=0;i<=(capaLocNom.features.length)-1;i++){
nombreLocalidad[i]=capaLocNom.features[i].properties.NOMGEO;
}
return[{name:nombreLocalidad}];
}
if (valueFiltrarCapa === 'Colonias') {
return [{ name: 'Aquí ocupo otras opciones con nombres de colonia' }];
}
if (valueFiltrarCapa === 'Calles') {
return [{ name: 'Aquí ocupo otras opciones con nombres de calles' }];
}
return [];
}, [valueFiltrarCapa]);
Soy relativamente nuevo programando así que aún hay varias cosas que no entiendo. Les agradezco mucho su tiempo y su ayuda :)