css - map 上的自定义图像放置

Question

我有 40 张图片。我想将它们放在网格上(或 map 上的特定位置)。 imageA 在 [0,0] 点的事实取决于实际登录用户的一些信息。这意味着，对于用户 1，他将在 [0,0] 中看到图像 A，而对于用户 2，他可以在 [0,0] 图像 C 中看到。

这可以用一些 css 来完成，但问题是，所有这些图像都应该是 map 的一部分。因此用户可以放大/缩小/平移，管理特定区域的点击等...

不过，我的第一个想法是使用带有透明瓷砖的传单。我的 40 张图像可能是放置在 map 上的 40 张图像叠加层。但是调整大小会非常粗糙，并且需要有 40 * 4 个图像(如果我想要 4 个级别的缩放)。比如以 1000*1000、500*500、250*250、125*125 生成我的图像 A，希望这实际上是合适的大小。

你有什么想法(不是具体在传单上)我怎样才能做到这一点？

Answer 1

如果您不希望图像缩放，那么您的网格听起来像是基于视口(viewport)？在这种情况下，使用 html/css 来处理事情听起来是最好的选择。

否则可以考虑使用InfoWindows .您可以在 InfoWindow 中有一个图像。 map 上的位置将保持不变，窗口的大小也不应随缩放比例缩放。