放大地圖的形象，與highlightable部分

Question

我必須做一個網站的形象，我正在創造4件事情。

1. 您應該可以放大和縮小圖像。
2. 當您翻轉圖像的某個部分時，應該突出顯示該部分。
3. 當您翻轉圖像時，應顯示工具提示。
4. 當這些側翻部分之一被點擊的時候，應該鏈接到不同的網頁

這裏是圖像

正如你可以看到它是相當複雜的。我有一個非常高的版本的圖像，我將使用該網站。

這是一個零售公園的形象，所以當你翻轉某個零售店時。 要麼整個圖像變暗，並顯示您所在零售店的工具提示，否則，它會變得更加突出並顯示工具提示。

我該如何做到這一點在HTML，CSS和jQuery？ 類似this將是完美的，但我需要的圖像能夠放大

Answer 1

我建議找到像谷歌地圖，讓你指定自己的圖像。快速搜索網上透露：

教程谷歌地圖：
- 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輕鬆完成所有任務。當您將鼠標懸停在標記上時，我們不支持突出顯示。除此之外，您只需上傳源圖像，應用程序基本上會爲您創建可縮放，可拖動的地圖。如果您有任何問題，請隨時聯繫我！