django-leaflet | Use Leaflet in your Django projects | Map library

In my django app I have a CenterModel with a location (Point) field and a RouteModel with a geom (Linestring) field. I am using django-leaflet to represent those geometric fields in the views (UI). I can represent those fields, but in the general settings I had set the default center and zoom for every leaflet map, so when i represent the center or the route I have to zoom out amd move the map to see the marker and the line, Is there any way to set the bounding box of the map to see the point or the line without having to zoom out and move the map?

The point is represented outside this area and I have to zoom out I have try with:

In my django app I am using Geodjango, django-leaflet and leaflet-ajax. I have a route model with a LineStringField. I want to render that route in a template using a leaflet map. I have tried the following code with other models (those that have a Point field instead). But for any reason this code is not working with the RouteModel. The leaflet map shows nothing. How can I add that route to the "gis" leaflet map

Here is the model definition

I'm developing a geospatial mapping application using geodjango and django-leaflet which lets users draw a polygon on a map and save that polygon to a model. I thought it would be simple to extract the saved polygon from the model and render it on a Leaflet map embedded in a template. However, I'm having considerable difficulty doing so. This is mostly due to me being a new web developer (I'm especially new to JS). Here's what I have so far:

models.py:

My Django app just started having a weird problem where when I try to draw a shape on a map with Leaflet and Leaflet draw, the shape never finishes. That is, when I click and drag to draw a shape, the shape draws, then when I release the mouse, the shape looks finished but a new shape immediately starts drawing (with the mouse released). If I press "esc" the shape looks finished. But, the web console has the error:
MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead. leaflet.js:5:268

I tried updating django-leaflet from pip. I'm not sure where else leaflet.js would be coming from (it's not a static file). I'm using a MacBook, tried with track pad and USB mouse.

Anyone know how this started happening and how I can fix it? Bizarre that it was working and now is not without me changing anything.

Here's some relevant code:

I am trying to implement Django Leaflet into my Wagtail app. The underlying form field is a GeoJSON field. I only get it to work properly when registering my model as a snippet not as a Page model, though.

I can add instances of my model based on the Page model and the GeoJSON value is written correctly to the database. I can also edit a features geometry but the geometry won't be displayed on the leaflet map. When Wagtail renders the edit view for the Page based model the GeoJSON turns into a string and deserialization fails: