javascript - 在 map 上显示恒定大小的叠加层

Question

我正在我的站点上显示 map 。 map 图像设置为主分区的背景。我在这张 map 上有一个网格覆盖(透明 png)。

我正在使用 zoomooz ( http://janne.aukia.com/zoomooz/ ) 放大 map 上不同的兴趣区域。

目前，当我同时放大 map 和叠加层时。我希望只缩放 map ，并使网格保持恒定大小。

我已将叠加层上的位置设置为固定，但一切似乎仍然一起缩放。

Answer 1

Over lay 不能是根文档的一部分，

查看您发送的文档中的设置代码，

// root element to zoom relative to
// (this element needs to be positioned)
root: $(document.body), // here enter the parent div you want to zoom. with respect to his it will zoom(like wrapper)

我没有做实际的，因为你没有提供代码，但缩放应用于整个文档。然后一切都会缩放，很简单。

您需要确定区域(div) 并将其id 指定为root。“叠加层不得位于该 (div) 内部”，否则将再次缩放。

我希望这会成功:)

有关创建 fiddle 和/或发布所有支持代码的更多帮助。

谢谢