创建Javascript地图时替代AREA标记

Question

我有一张非常大的地图照片。现在我想创建一个地图用户界面，用户可以点击这里突出显示区域，还可以放大地图。

AREA标记是解决此问题的唯一方法吗？我唯一的问题是当我放大地图时，它会被放大，它包含的图像也会放大，但我如何根据我的缩放级别扩展AREA坐标？是否有一个很好的方法来解决这个问题？

Answer 1

不幸的是，AREA是表示多边形的唯一方法。您可以从AREA标签中读取坐标，缩放它们并将其写回。但是，舍入重叠是一个很难处理的问题。

另一种方法是使用BING maps API，它允许自定义叠加层。您需要为每个缩放级别创建一个叠加层。

Answer 2

Apply css to AREA MAP

我建议使用SVG，这也可以解决缩放问题。唯一的复杂因素是IE8及以下版本不支持它，IE9还没有通过Windows Update推送给非beta用户。

Answer 3

简单选项：ImageMapster可以即时为您找出大多数图像区域地图。 IE6 +，需要jQuery。

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