Skip to content

feat(map): add interactive base layer

Closes MIN-124

Objective:

Implement interactive layer of the map - react on click and fetch data to Redux

How it works?

  1. Map listens for the click
  2. Users click on the map
  3. Algo transforms user click coords (so-called Projection) to pixel position on the original map image (x/y cartesian point)
  4. IF there are no elements beneath the click position, do nothing
  5. IF there is a single bioEntity element (type=ALIAS), fetch it to Redux state (identically as it would be searched)
  6. IF there is a reaction element (type=REACTION), fetch it to Redux state and THEN fetch all related bioEntites (identically as they would be searched)

BREAKING CHANGE:

The algorithm of converting the lng/lon position to a cartesian point has been fixed. It was done due to the fact that we need a precise click position for the correct map field search. Also now the first load of the map is perfectly centered.

Additional changes:

Merge request reports