0

我有一张非常大的地图图片。现在我想创建一个地图 UI,用户可以在其中单击以突出显示区域,并且还具有放大地图的功能。

AREA 标签是解决这个问题的唯一方法吗?我唯一的问题是当我放大地图时,它会被放大,它包含的图像也会被放大,但是我将如何根据我的缩放级别扩展 AREA 坐标?有没有解决这个问题的好方法?

4

3 回答 3

1

不幸的是,AREA 是表示多边形的唯一方法。您可以从 AREA 标签中读取坐标,对其进行缩放,然后将其写回。舍入重叠是一个痛苦的处理。

一种替代方法是使用允许自定义叠加的 BING 地图 API。不过,您需要为每个缩放级别创建一个叠加层。

于 2011-02-10T20:40:51.290 回答
0

将 css 应用于区域地图

我建议在那里使用 SVG,这也可以解决您的缩放问题。唯一的问题是 IE8 及以下版本不支持它,而且 IE9 还没有通过 Windows Update 推送给非 beta 用户。

于 2011-02-18T00:43:54.223 回答
0

简单的选项:ImageMapster为您即时计算出大多数图像区域地图。IE6+,需要jQuery。

更复杂、更强大的选项:Raphael.js使您能够在 IE6+(不需要 Flash)中创建完全可控、完全可扩展的 SVG 矢量图形。有点陡峭的学习曲线,但它非常强大。

于 2012-02-20T12:38:26.053 回答