Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

133
Visualizações
React Leaflet Polygons no se actualiza con propiedades

Estoy tratando de dibujar un conjunto de polígonos en un mapa y luego cambiar el color de acuerdo con un evento externo que actualiza una propiedad de MapContainer. En mi ejemplo, la propiedad es "ver". Puedo ver que el valor de la propiedad se actualiza correctamente pero los polígonos no se vuelven a representar. Es un conjunto simple de polígonos sin Tile (sin mapa geográfico, solo los polígonos). Probé tanto con color como con fillColor, pero nada cambia cuando actualizo "view". ¿Debo forzar de alguna manera una actualización del mapa? Si es así, ¿cómo?

 <MapContainer id="leaflet-map" center={center} zoom={zoom} > {this.props.data.map((poly, index) => { return ( <Polygon key={`poly-${poly.id}`} color={poly.color[this.props.view]} fillColor={ poly.color[this.props.view] } positions={poly.attributes.coordinates} > </Polygon> ); })} </MapContainer>
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Bien, encontré la respuesta. Espero que esto pueda ayudar a otros. Tengo que modificar pathOptions.color y pathOptions.fillColor y no directamente color y fillColor. Funciona así para mí:

 <Polygon key={`poly-${poly.id}`} pathOptions={{ color: poly.color[this.props.view], fillColor: poly.color[this.props.view] }} positions={poly.attributes.coordinates} > </Polygon>
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda