How to display Drone Image on the Azure Maps

Question

I would like to display a Drone Image on the Azure Maps.

Sample URL of drone Image - https://ltimgpstorageacc.blob.core.windows.net/ltimgpblob/DroneSample/DJI_0235.jpg.

I am able to extract position coordinates using exif library. But not able to get corner coordinates or bounding boxes. Please help if any solution available

Answer 1

As I noted in my earlier comment, the image provided doesn't have enough information in the EXIF to programmatically georeferenced the corners of the image. Note that doing that programmatically with high accuracy is actually a really complex task that usually requires well known reference points on the ground since GPS accuracy is plus or minus a few meters on its own. It's even more complex when you take into consideration that your image is not looking straight down but is on an angle (you see the side of a building). As such, for images like this you need to manually position the image on a map. There are several ways to do this using different tools. Some allow you to select reference points from your source image and relative points on the map. It then calculates how to rotate and skew the image to fit those points.

Two simpler methods often used for doing this in web maps are as follows:

1. Have four draggable markers, one for each corner and manually draw those points on the map. Here is a tool I made to do this: https://rbrundritt.azurewebsites.net/Demos/AzureMaps/GeoreferenceImage/DraggableCorners.html Here is a screenshot of what I managed to do with this tool with your image:
   

Here are the coordinates for the corners: [[-83.07706339023582,42.3280438975078],[-83.07719393411315,42.329002923765785],[-83.07632126349938,42.32893326913438],[-83.07607527418895,42.328092769896784]]

2. Another method that I've used with Azure Maps, is to use the drawing tools to draw a rectangle, then use that to as the bounding box, and have a slider for rotating the image. You can then edit the rectangle easily using the drawing tools and position your image. Here is a tool I made to do this: https://rbrundritt.azurewebsites.net/Demos/AzureMaps/GeoreferenceImage/RectangleRotation.html Here is a screenshot using this too. Note that our image doesn't line up as well with this approach since the image doesn't skew with this method.
   

You can also look at other, more robust tools, like Open Drone Map: https://www.opendronemap.org/webodm/

Side note: The image caught me off guard when I loaded the coordinates and was zoomed out as it is close to where I grew up (one the other side of the river just outside Windsor in the farm country).