Solara•2y ago

Need help with ipyleaflet

Hello, I am trying to design a map in ipyleaflet and need some help.

I am currently working on the compass, to help people in finding the correct azimuth (orientation) of their solar arrays (inspired by: https://osmcompass.com/)

This is what I currently have: https://github.com/Open-HEMS/pvcast-frontend/blob/solara/pvcastfrontend/02-config.py#L850

I'm trying to implement the following things now:

Stylise the compass. It's kinda ugly
Add north/south/east/west indicators and/or degree indicators to the circle
Add a widget in the top right corner to display the azimuth

I find the documentation of ipyleaflet (not solara) lacking. It's maybe doable for experts but this is my first frontend project, and there are only a few examples that do very simple things.

I would be very grateful if you could point me to some examples of how to built the things in my list.

Monty Python•2/10/24, 3:59 PM

pvcastfrontend/02-config.py

pvcastfrontend/02-config.py

line 850

SStefan Hello, I am trying to design a map in ipyleaflet and need some help. I am curr...

Corran•2/11/24, 4:02 PM

Could you replace the circle with an image?
https://ipyleaflet.readthedocs.io/en/latest/layers/image_video_overlay.html

Im not sure if the images support rotation though if you needed to rotate the map and have the compass rotate too

CCorran Could you replace the circle with an image? https://ipyleaflet.readthedocs.io/e...

StefanOP•2/11/24, 4:15 PM

I tried that, but the browser will block locally loaded content from being displayed. It has to be hosted somewhere and I dont want to do that

SStefan I tried that, but the browser will block locally loaded content from being displ...

Corran•2/11/24, 6:45 PM

Ah hrm, thats frustrating

CCorran Ah hrm, thats frustrating

StefanOP•2/12/24, 12:29 PM

hoping somebody with expertise in ipywidgets could give some tips