Map zoom fix

[JakovTomasic]

Map should know its dimensions to handle zoom properly. I want to be able to say "let rectangle 10x10 meters be always visible" and for map to handle that properly.

See https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API

[JakovTomasic]

Possible solutions:

• https://stackoverflow.com/questions/56516358/d3-js-set-fitextent-or-fitsize-or-center-and-scale-programmatically-for-map-w
• https://stackoverflow.com/questions/14265112/d3-js-map-svg-auto-fit-into-parent-container-and-resize-with-window

[JakovTomasic]

Example of it not working: last step for path http://localhost:3000/navigation-step-by-step-forward?startNodeId=I2&endNodeId=P4

[JakovTomasic]

Use ParentResizeListener for div size. That is solved.

[JakovTomasic]

Permalink to mentioned ParentResizeListener.

See that branch to see how I used it in the code here.

The observer function onResize is triggered when the parent of the ParentResizeListener is resized.

[JakovTomasic]

@Marko132001 here. I added the link. I will assign you to this issue since you are solving it now.