2013-10-07 46 views
1

我有一個包含多個地圖的頁面,每個地圖都會在點擊時顯示不同的地區數據並且具有不同的地區顏色。jVectorMap - 如何重新加載/重置地圖或只更改懸停/活動顏色狀態?

不,我已經完成了所有這些:我可以切換地圖,它將加載不同的數據集,並更改INACTIVE區域顏色,但我無法弄清楚如何更改懸停顏色或活動顏色。

眼下林改變激活的色搭配:

$.each(stateMap.regionCodes, function(i, val) { 
    fill[i] = newFillColor; 
}); 
stateMap.series.regions[0].setValues(fill); 

但我不能找到一種方法來更改選定的顏色/徘徊區。

如果沒有辦法做到這一點,我可以用新顏色銷燬和重置地圖嗎?

回答

0

使用地圖的參數對象:mapObj.params.regionStyle.hover.fill = "red"mapObj.params.regionStyle.selected.fill = "blue"

您還可以建立一個自定義myRegionStyle設置對象:

{ 
    initial: { 
    fill: 'white', 
    "fill-opacity": 1, 
    stroke: 'none', 
    "stroke-width": 0, 
    "stroke-opacity": 1 
    }, 
    hover: { 
    "fill-opacity": 0.8 
    }, 
    selected: { 
    fill: 'yellow' 
    }, 
    selectedHover: { 
    } 
} 

然後做mapObj.regionStyle = myregionStyle

看看文檔:http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/