All Polygons Blue

[sten-e]

Hello everyone,

I enabled the geoman package so users can draw objects on the map, it's get automatic saved on the geoserver and retrieved and loaded back in.

Recently a problem showed up where also polygons i rendered on to the map outside of geoman the get a fillColor (the standard geoman lightblue) even when none is declared. it doesnt happen when i use the same functions, but without geoman installed in the project. Is there a option to disable this behavior?

Would love to get some help!

[Falke-Design]

Please share some code, images, demos

[sten-e]

i fixed the problem by writing a function that sets the fillColor to transparent when there is none.

klicFeatures.value.forEach(feature => {
    let styling = JSON.parse(feature.properties.styling)
    if(feature.geometry.type === 'Polygon'){
      let coords = feature.geometry.coordinates[0].map(coord => [coord[1], coord[0]])
      //for each item in styling, if the value is 'none', remove the key
      for (const [key, value] of Object.entries(styling)) {
        //if there is no fillColor key in the styling object, add the key with the value of a transparent color
        if(!styling.fillColor){
          styling.fillColor = 'transparent'
        }
        if(value === 'none'){
          delete styling[key]
        }
      }
      const polygon = L.polygon(coords, styling)
      console.log(polygon)
      return polygon.addTo(klicLayer.value)
    }
    if(feature.geometry.type === 'LineString'){
      let coords = feature.geometry.coordinates.map(coord => [coord[1], coord[0]])
      const line = L.polyline(coords, styling)
      return line.addTo(klicLayer.value)
    }
    if(feature.geometry.type === 'Point'){
      let coords = [feature.geometry.coordinates[1], feature.geometry.coordinates[0]]
      const point = L.marker(coords, styling)
      return point.addTo(klicLayer.value)
    }
  })
  return

If i don't do this all the polygons that have no fillColor in the styling get the light blue basic geoman color.