2013-12-13 3 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 (см. Выше в ответе), он использует серийные данные, которые генерируют цвета на основе заданного значения для каждой страны/региона –