在地图上显示恒定大小的叠加层

【问题标题】：Displaying a constant sized overlay over a map在地图上显示恒定大小的叠加层
【发布时间】：2013-03-22 04:07:50
【问题描述】：

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

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

目前，当我同时放大地图和叠加层时，我希望只放大地图，并将网格保持在恒定大小。

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

【问题讨论】：

请给一些代码...
如果您查看Documentation，它给出了一个标题为在容器内缩放的示例，该示例设置了一个不会影响文档其余部分的缩放容器。

标签： javascript html css zoomooz

【解决方案1】：

Overlay 不能是那里的根文档的一部分，

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

// 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) 内”，否则将再次缩放。

我希望这样做:)

如需更多帮助，请创建小提琴和/或发布所有支持代码。

谢谢

【讨论】：