Google maps 颤振：带有图像覆盖的贴图

我实际上正在做一个网络项目，在这个项目中，一张地图（传单）显示在叠加图中。在web应用程序中，用户可以移动图像，使其与传单地图上建筑物的指纹完全匹配。一旦图像被放置，我们就能够存储图像的准确位置，这得益于图像3个角的3个GPS坐标

现在，我想通过在移动应用程序中使用地图上的3个角坐标来添加此图像。我对颤振感兴趣，但在继续之前，我想知道这个实现是否可以使用颤振

以下是放置在web应用程序上的图像示例：

以下是与图像关联的3个角坐标的示例：

"corner1": {
       "type": "Point",
       "coordinates": [48.44125015626304, -4.412910623650533]
},
"corner2": {
       "type": "Point",
       "coordinates": [48.44194275959914, -4.412734794896097]
},
"corner3": {
        "type": "Point",
        "coordinates": [48.441223035155275, -4.412648068391719]
}

---

因此，在全球范围内，我希望在移动应用程序上的这些精确位置显示一个覆盖图像，如果可能的话，可以使用flatter。

flatter中的地图插件现在似乎支持多边形，如本文所示。这将帮助您实现图像覆盖。 希望有帮助

检查此示例：

颤振有一个可以显示传单地图的窗口。我曾通过Cordova在手机上使用过传单，如果您更喜欢使用传单而不是谷歌地图，则可以在网络视图中使用传单

我不知道WebView的运行速度有多快，但我希望它的性能与您使用Cordova时的性能类似，因为对于您的应用程序来说，Cordova看起来会获得足够好的性能

---

但是，如果在移动设备上要渲染大量矢量数据，则可能会造成麻烦。然后，您需要在传单地图使用的平铺服务器中进行渲染。

这并不是真正回答您的问题，但您可以使用2个相反的角点而不是3个角点来定义矩形。使用flatter_地图插件肯定可以做到这一点，但需要您进行一些编码。