How to capture a LineStringField with dim=3 (XYZ) through LeafletWidget

[florianm]

How to capture a LineStringField with dim=3 (XYZ) through LeafletWidget

[Gagaro]

Hi, thanks for the issue, it actually made me find a typo preventing this which dated back to 2013!

I was able to do what you wanted by customizing the FieldStore:

class LineWidget(LeafletWidget):
    include_media = True
    map_template = 'leaflet/admin/widget.html'
    modifiable = True
    map_width = 'min(calc(100vw - 30px), 720px)'
    map_height = '400px'
    field_store_class = 'L.Field3DStore'

    class Media:
        js = ['leaflet/leaflet.forms.js', 'leaflet.3d.js']


class LineTestForm(forms.ModelForm):
    class Meta:
        model = LineTest
        fields = ['line']
        widgets = {
            'line': LineWidget
        }


class LineTestAdmin(LeafletGeoAdmin):
    form = LineTestForm


admin.site.register(LineTest, LineTestAdmin)

leaflet.3d.js:

L.Field3DStore = L.FieldStore.extend({
    _serialize: function (layer) {
        const geojson = JSON.parse(L.FieldStore.prototype._serialize.call(this, layer));
        for (const coordinate of geojson.coordinates) {
            coordinate.push(0);
        }
        return JSON.stringify(geojson);
    }
});

I'll release the fix ASAP so you can try it yourself (you can use master in the meantime).

[Gagaro]

Released in 0.28.2

[florianm]

Thanks for the lighting quick turnaround, I'll give it a whirl!