title: Flutter: Map with image overlay
body: <p>I'm actually working on a web project where a Map (Leaflet) is displayed with an image in overlay. On the web application, the user is able to move the image to match exactly the fingerprint of the building on the Leaflet map. Once the image is placed, we are able to store the exact location of the image thanks to the 3 GPS coordinates of 3 corners of the image.</p>
  
  <p>Now, i would like to add this image by using the 3 corners coordinates on a map in the mobile application. I'm interested in Flutter but before going further, I would like to know if this implementation is do-able using Flutter.</p>
  
  <p>Here is an example of the image placed on the web app:</p>
  
  <p><a href="https://i.stack.imgur.com/2ptt7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2ptt7.png" alt="enter image description here"></a></p>
  
  <p>Here is an example of the 3 corners coordinates associated to the image:</p>
  
  <pre><code>"corner1": {
         "type": "Point",
         "coordinates": [48.44125015626304, -4.412910623650533]
  },
  "corner2": {
         "type": "Point",
         "coordinates": [48.44194275959914, -4.412734794896097]
  },
  "corner3": {
          "type": "Point",
          "coordinates": [48.441223035155275, -4.412648068391719]
  }
  </code></pre>
  
  <p>So, globally, i would like to display an image in overlay at these exact position on a mobile app, and if possible, using Flutter.</p>