Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Bug: Some land project circle markers are not rendering correctly

Abierto
  • ¿Algo no está bien?
#24 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Tranquilo
Stack tecnológico
javascript, react
Área
frontend, web-dev

Línea de trabajo

Comienza inspeccionando la lógica de renderizado del mapa y el fixture GeoJSON en public/fixtures/land_project_sites.geojson, comparando los marcadores renderizados correctamente con los que tienen problemas. Usa las referencias de Leaflet y React Leaflet para comprobar las coordenadas, el tamaño de los círculos, las capas y el comportamiento del zoom; el trabajo estará terminado cuando todos los círculos de los proyectos estén completos, centrados y escalados de forma coherente, y las etiquetas, interacciones y ventanas emergentes existentes sigan funcionando.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Advanced California Tribal GIS Hackathon
Issue created with ChatGPT models' help¹

Description

Some land project circle markers are not rendering correctly on the ecosystem map view¹. As visible in the screenshot below, certain project markers display incomplete or incorrectly positioned circle overlays while other markers render normally².

This bug appears related to how GeoJSON project data is being consumed or rendered into map circle layers/markers³. The application currently uses a GeoJSON file to display land project sites on the map, and contributors should investigate whether the issue originates from malformed GeoJSON coordinates, radius calculations, map projection behavior, layer rendering order, or component styling⁴.

This is intended to be a relatively small bug-fix issue focused on correcting marker/circle rendering behavior while preserving the existing map interaction system¹.

Here is GeoJSON file: https://github.com/OpenSourceFellows/map-dashboard/blob/main/public/fixtures/land_project_sites.geojson?short_path=a7ebddc

Image

Goals

  • Fix incorrectly rendered land project circle markers¹
  • Ensure all GeoJSON-based project markers render consistently²
  • Preserve existing map functionality and interactions³
  • Verify circles render at correct location and scale⁴
  • Prevent incomplete or clipped circle overlays¹

Implementation Instructions

  • Investigate current GeoJSON rendering logic²
  • Compare correctly rendered markers against broken markers³
  • Verify coordinate ordering and GeoJSON structure⁴
  • Check map layer rendering order and styling¹
  • Inspect radius calculation logic for circle overlays²
  • Ensure map projection/zoom scaling is handled consistently³
  • Verify markers render correctly at different zoom levels⁴
  • Preserve existing popup/label behavior¹
  • Please add comments/documentation if root cause is non-obvious²
  • Contributor may use browser devtools or map debugging utilities³

Expected Functionalities

Correct Circle Rendering
  • All land project markers render complete circle overlays⁴
  • Circles appear centered on intended project location¹
  • Marker visuals remain consistent across projects²
Stable Map Behavior
  • Existing labels/tooltips continue functioning³
  • Map interactions remain unaffected⁴
  • Rendering remains stable across zoom levels¹

Possible Investigation Areas

  • GeoJSON coordinate formatting²
  • Invalid geometry or polygon data³
  • Latitude/longitude ordering⁴
  • Circle radius scaling logic¹
  • Map library rendering edge cases²
  • Layer z-index or clipping behavior³
  • Projection inconsistencies⁴

Acceptance Criteria

  • All project circles render correctly¹
  • No incomplete or broken circle overlays remain²
  • GeoJSON markers appear at correct coordinates³
  • Existing map interactions still function⁴
  • Rendering works consistently across zoom levels¹
  • Fix does not introduce regressions to other markers²

Resources

¹ [GeoJSON Specification Documentation](https://geojson.org/?utm_source=chatgpt.com)
² [Leaflet GeoJSON Documentation](https://leafletjs.com/examples/geojson/?utm_source=chatgpt.com)
³ [MDN GeoJSON Guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON?utm_source=chatgpt.com)
⁴ [React Leaflet Documentation](https://react-leaflet.js.org/?utm_source=chatgpt.com)

Reference GeoJSON file:

Reference Figma Design:
https://www.figma.com/proto/e9z8edludVssFYABGEWsoI/OpenNature-Map--Hackathons-?node-id=1-1465&viewport=787%2C545%2C0.11&t=Xwc2asfn9Qksi99P-8&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1%3A896&page-id=0%3A1&hide-ui=1

Lenguaje dominante
HTML
Estrellas
2
Forks
11
Sin PR fusionados en 30 d

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de OpenSourceFellows/map_dashboard_hackathon

Todos los issues de OpenSourceFellows/map_dashboard_hackathon

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.