toGeoJSON of L.Circle doesn't have the radius of the circle

circle.toGeoJSON() print something like

{
    "type": "Feature",
    "properties": {},
    "geometry": { 
        "type": "Point",
        "coordinates": [30.5,50.5]
     }
}

There is no Radius in the geometry so if I save the geometry I can’t show the circle in my map again just with the geometry. 😢

[basisbit]

this issue is open already for almost 2.5 years. It is ridiculous to not solve the issue because of some minor technical difficulties. Just returning a GeoJson-point for L.Circle.toGeoJSON definitely is a bug and a huge loss of information. A practical solution which is closer to the desired result would be to return a polygon in GeoJson instead. A polygon also would allow for point in area calculation, merging of geometry area,… without requiring the developers to add extra cases for L.Circle everywhere. Whatever you do, the current behavior is about as bad of a solution as it can get.

[dvsoukup]

I know this is somewhat of an outdated topic… but I ran into the same problem. Sounds like I had the same problem as @jbcoder. Leaflet is storing feature type as a “point” and not a “circle” when it comes to GeoJSON. From the thread here, it would seem that this is correct, though the only difference is that circles contain a radius property.

I can easily get this to work with single features, but it posed a problem with feature collections.

So what you can do is implement the first code block that @MarkAPhillips suggests in a couple posts up. That is to capture the radius property and add it to the feature inside the draw event. Ideally you could save this back to your DB, along with a “radius” property. Individual point markers should NOT have a radius property.

Then modify the actual leaflet.js to allow the handling of circle drawing when calling on L.geoJson (and passing a feature collection rather than just a single feature…). In the switch clause for the point, you can check if the radius property exists. If so, instead of returning a pointToLayer for the point, return a L.Circle, passing the radius. Seems to work fine for me.

L.extend(L.GeoJSON, {
    geometryToLayer: function (geojson, pointToLayer, coordsToLatLng, vectorOptions) {
        var geometry = geojson.type === 'Feature' ? geojson.geometry : geojson,
            coords = geometry.coordinates,
            layers = [],
            latlng, latlngs, i, len;

        coordsToLatLng = coordsToLatLng || this.coordsToLatLng;

        switch (geometry.type) {
        case 'Point':
            latlng = coordsToLatLng(coords);
//Add these two lines here...
                if (geojson.properties.radius)
                return new L.Circle(latlng, geojson.properties.radius);
            return pointToLayer ? pointToLayer(geojson, latlng) : new L.Marker(latlng);

Until this is resolved I can’t actually use the CDN to pull in this library, and have to use my own version locally.