放大地图图像,并突出显示部分

问题描述 投票:2回答:2

我必须为要创建的网站的图像做四件事。

  1. 您应该可以放大和缩小图像。
  2. 当鼠标悬停在图像的特定部分时,应突出显示该部分。
  3. 当将鼠标悬停在图像上时,将显示工具提示。
  4. 单击这些翻转部分之一时,应链接到其他页面

这里是图像“在此处输入图像描述”

如您所见,它非常复杂。我有一个非常高清的图片版本,可以用于该网站。

这是零售园区的图像,因此当您将某个零售店展期时。整个图像变暗并显示您所经营的零售店的工具提示,否则,它会变得更加突出并显示工具提示。

我将如何在html,css和jquery中执行此操作?像this这样的东西将是完美的,尽管我需要图像能够放大

javascript html css map imagemap
2个回答
3
投票
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/

链接已过期)

我肯定还有很多。基本上,这些应该可以为您提供Google Maps的所有功能,而不必自己重新编码。您可以指定边界并执行所有常规的Google Maps内容,并使用其各种API功能将其链接出去。

0
投票
© www.soinside.com 2019 - 2024. All rights reserved.