We have a web app where a client can calibrate a map in the real world using Google Maps. The calibration is done using three pairs of “pixel - real coordinates”.
Our clients typically use maps that have been designed using the magnetic north as the real north so, when it is displayed over Google Maps it is rotated a bit:
We want to load the same image in Cesium. The input information is the image, the three pair of calibrated points and the image size. Using the SingleTileImageryProvider we can get the coordinates of the image corners and draw it on the map:
The problem here is that we have not been able to rotate the image and the map is not in the correct place. How can we add a map from an image that needs to be rotated?