當將鼠標懸停在地圖上時取消選擇圖像地圖的選定區域

我已經成功使用ImageMapster.js創建了一個圖像地圖，但我遇到了一個問題。我的客戶想要在頁面加載時選擇一個區域，並且當用戶將鼠標懸停在地圖上時，所選區域將被取消選擇並且行爲與其餘區域相同。不過，我似乎無法解決如何實現這一目標。所選區域始終保持選中狀態。這是我最初的代碼：當將鼠標懸停在地圖上時取消選擇圖像地圖的選定區域

$('#mpMap').mapster({ 
map: $('#mpMap'), 
mapKey: 'data-key', 
set: true, 
fillOpacity: .6, 
fillColor: 'faf7db', 
stroke: true, 
strokeColor:'faf7db', 
strokeWidth: 1, 
scaleMap: true, 
clickNavigate: true, 
isSelectable: false, 
areas: [{ 
key: "area_1", 
selected: true, 
}], 
});

據我所知，使用選擇：真正使選擇所有的時間區域，但它是我能找到的頁面加載後直接選擇該地區唯一的功能。我想弄清楚如何創建一個新的狀態來重置鼠標懸停上的所有初始設置。我嘗試了幾件事（例如修改披頭士演示代碼），但無法取消區域_1以取消選擇。

我希望有人能幫助我，或者告訴我這個腳本是否有可能。

來源

2013-10-22 Machteld Vlietstra

我不確定我是否理解您的觀點，但您可以嘗試以下解決方法。 imagemapster行爲的默認值，當您選擇一個區域時，該區域被標記爲選中（默認情況下，它具有描邊和填充模糊背景）。我只是改變選項render_select使其視覺像正常情況

$("#fixImage").mapster({ 

      render_select: { 
       stroke: false, 
       fill: false 
      }, 

      ... 

});

來源

2013-11-21 03:28:37

謝謝您的回答Telvin，我不知道這是否會工作，我需要的區域進入頁面時給出直觀的選擇，但停止出現當用戶開始將鼠標懸停在整個圖像上時選擇。我會盡力，看看這是否有幫助。 –

當將鼠標懸停在地圖上時取消選擇圖像地圖的選定區域

回答

相關問題