使用svg图像在HTML5中使用标记的可缩放地图

时间:2014-07-01 12:50:50

标签: html css html5 css3 svg

我正在创建一个网站,其中包含一个城镇的一部分小地图。 地图应该有标记(图标)标记最重要的景点,它应该具有放大/缩小功能。它还必须覆盖整个页面(响应,取决于分辨率)。

我现在拥有的:

我使用div将.svg图像设置为背景。图标是绝对定位的小div,使用边距设置到所需的位置。

现在的问题是,当有人调整页面大小或以其他分辨率查看页面时,标记会移动并且不再显示所需的位置。

如何将它们固定为div,所以当调整div的大小时,图标会保留在地图上所需的位置?另外如何使背景图像放大?

0 个答案:

没有答案