How do I negate the effect that the rotation of a plane has on a rectangle?

I have a map (the plane) which can be rotated 360 degrees. When this happens, the rectangle shape that I'm drawing on the map also gets rotated along with the plane. I would like to negate this rotation and have the rectangle drawn as if the plane wasn't rotated.

So essentially, I want the rectangle to look like this image:HKu2ozW.png

Check out the gif in the attachments to see a demo of the actual behavior.

  • The question is vague. What do you mean by "I would like to negate this rotation and have the rectangle drawn as if the plane wasn't rotated"? Are you talking about doing it on google maps or something, or are you talking about a mathematical way of doing it?

  • I've added the gif and image as a way to visualize the problem. I'm not looking for a solution related to Google Maps, I'm looking for the mathematical way of doing it, I would then translate that to my specific implementation.

Answer

Answers can be viewed only if
  1. The questioner was satisfied and accepted the answer, or
  2. The answer was disputed, but the judge evaluated it as 100% correct.
View the answer
The answer is accepted.