How to display map object using ipyleaflet in jupyter notebook or jupyter Lab

I am trying to run jupyter notebook and/or jupyter Lab on mac book Catalina.

Code

from ipyleaflet import Map, Marker

start_location = (53.551086, 9.993682)

m = Map(center=start_location, zoom=16, scroll_wheel_zoom=True)

display(m)

I get no error message pops up in notebook. The map object does not display but gets created. type(m) outputs ipyleaflet.leaflet.Map

In jupyter Lab I get this error message : Error displaying widget: model not found

I have followed these suggestions : ipyleaflet-map-object-doesnt-display-in-jupyter-notebook-but-it-gets-created and ipyleaflet/issues/504 but it did not solve my problem.
. I have run jupyter labextension install jupyter-leaflet in my environment, and now get Loading widget... as output in Jupyter Lab. They is still ne hint in Jupyter notebook

Any hints on what I should try next? Thanks

[martinRenou]

restart my kernel

You’ll also need to refresh the page to reload the JS

[ae3e]

@Ninthpool It’s probably a version problem. You can try to install specific version of the ipyleaflet package (0.12.2). Version of @jupyter-widgets/jupyterlab-manager also needs to be specified.

So install ipyleaflet : conda install -c conda-forge ipyleaflet=0.12.2

then install jupyter-leaflet: jupyter labextension install @jupyter-widgets/jupyterlab-manager@1.1 jupyter-leaflet@0.12.2

note the @1.1 and @0.12.2 which specify specific versions

You can also check your @jupyter-widgets/jupyterlab-manager version with jupyter labextension list You’ll get something like :

JupyterLab v1.2.6
Known labextensions:
   app dir: /opt/conda/share/jupyter/lab
        @jupyter-widgets/jupyterlab-manager v1.1.0  enabled  OK
        @jupyterlab/javascript-extension v1.2.8  enabled  OK
        @jupyterlab/plotly-extension v1.0.0  enabled  OK