I am currently working on developing an application that involves incorporating a perspective map with the ability to add map markers represented by absolutely positioned DIVs. However, I seem to be encountering challenges related to transformations and 3D space.
For instance, in the provided fiddle link, I anticipate DIV 1 to be located at position 0,0 when flat, which it does; however, when in an upright position, there seems to be a slight margin on the left side. This discrepancy appears to be influenced by the perspective value, leading me to believe I need to make adjustments to account for this offset somehow.
Likewise, even though Div 2 appears to be correctly positioned at the canvas's far edges, if I modify the top/left values to 100,100, it becomes hidden beneath the canvas. Should I elevate the marker's position using an additional transform along a specific axis? And if so, why does this issue not affect Div one, which remains atop the canvas?