自定义图像在地图上的位置

时间:2015-02-11 18:48:58

标签: css google-maps overlay openlayers leaflet

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

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

我的第一个虽然是使用透明瓷砖的传单。我的40张图片可能是放置在地图上的40幅图像重叠。但是调整尺寸会非常粗糙,并且需要有40 * 4个图像(如果我想要4级变焦)。像1000 * 1000,500 * 500,250 * 250,125 * 125那样生成我的imageA之类的东西,希望这实际上是一个好的尺寸。

你有什么想法(不是特定的传单)我怎么能实现这个目标?

1 个答案:

答案 0 :(得分:0)

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

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