2013-12-13 66 views
0

是否有可能有不同的地圖與標記,然後白色地圖?jVectorMap標記和地圖

http://jvectormap.com/examples/markers-world/

到目前爲止,我只能使用白色的地圖,但我想用例如藍色地圖。

$(function(){ 
    $('#world-map-markers').vectorMap({ 
    map: 'world_mill_en', 
    scaleColors: ['#C8EEFF', '#0071A4'], 
    normalizeFunction: 'polynomial', 
    hoverOpacity: 0.7, 
    hoverColor: false, 
    markerStyle: { 
     initial: { 
     fill: '#F8E23B', 
     stroke: '#383f47' 
     } 
    }, 
    backgroundColor: '#383f47', 
    markers: [  
     {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'} 
    ] 
    }); 
}); 

回答

1

是的,當然!初始化jVectorMap時,您需要傳遞一個regionStyle對象。

regionStyle: { 
    initial: { 
     fill: 'blue', 
     "fill-opacity": 1, 
     stroke: 'none', 
     "stroke-width": 0, 
     "stroke-opacity": 1 
    }, 
    hover: { // other style when hovering a region 
     "fill-opacity": 0.8 
    }, 
    selected: { // other style when a region is selected 
     fill: 'yellow' 
    }, 
    selectedHover: {} // other styles when hovering a selected region 
}, 

這是一個帶藍色地圖的例子:http://jsfiddle.net/9Vyv6/2/

+0

是不是也有可能使用的正是這種地圖http://jvectormap.com/(精選之一)定位標記? – SamotnyPocitac

+0

你的意思是地圖上使用的不同藍色?如果是,請檢查jsFiddle示例(回答帖中的上面),它使用的是serie數據,該數據根據每個國家/地區的給定值生成顏色 –