放大地图图像，可突出显示部分

Question

对于我正在制作的网站，我必须为图像做4件事。

1. 您应该能够放大和缩小图像。
2. 翻转图像的某个部分时，应突出显示该部分。
3. 当您翻转图像时，应显示工具提示。
4. 当点击其中一个翻转部分时，它应该链接到另一个页面

这是图片

正如你所看到的那样，它非常错综复杂。我有一个非常高的图像版本，我将用于该网站。

这是零售公园的形象，所以当您翻转某个零售店时。 要么整个​​图像变暗，要么显示您所在的零售店的工具提示，否则，它会变得更加突出显示并显示工具提示。

我如何在html，css和jquery中执行此操作？ 像this这样的东西会很完美，不过我需要图像能够放大

Answer 1

我建议找一些类似Google地图的内容，让您指定自己的图片。在线快速搜索显示：

谷歌地图教程：
  - http://forevermore.net/articles/photo-zoom/
  - http://blog.mikecouturier.com/2011/07/create-zoomable-images-using-google.html
第三方图书馆：
- http://www.maplib.net/
- http://mashupforge.com/

我相信还有更多。基本上，这些应该为您提供谷歌地图的所有功能，但无需自己重新编码。您可以指定边界并执行所有正常的谷歌地图，并使用其各种api功能将其链接出来。

Answer 2

Mashupforge的开发人员。除了数字2之外，您可以使用Mashupforge轻松完成所有操作。当您将鼠标悬停在标记上时，我们不支持突出显示。除此之外，您只需上传源图像，该应用程序基本上为您创建可缩放，可拖动的地图。如果您有任何问题，请随时与我联系！