How to rotate the Azure Map around custom point

Question

Is it possible to rotate the map using API around any custom point, not just the center? I can do this with fingers but didn't find a way to do this with API.
I have tried setting centerOffset, but it just moves the map.

Answer 1

There is no built in option for this, nor have I seen any such feature in any other map platform. That said, here is an approach I would take to try and accomplish this;

1. Calculate distance and heading from your desired rotation point and the center of the map.
2. Follow this animation example: https://azuremapscodesamples.azurewebsites.net/?sample=Simple%20Symbol%20Animation but use the rotation point, distance and heading offset to calculate a new center for the map, and set the camera rather than the position of a feature. The following math functions will help:
   • atlas.math.getDistanceTo
   • atlas.math.getPixelHeading
   • atlas.math.getDestination

Answer 2

I have done something simpler.

HTML:

<div id="mapWrap">
    <div id='myMap' ></div>
</div>

CSS:

#myMap {
  height: 400px;
  width: 50vw;
}
#mapWrap {
  height: 200px;
  overflow: hidden;
}