Маркеры jVectorMap и карта

0

Возможно ли иметь другую карту с маркерами, а затем белую карту?

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'}
    ]
  });
});
Теги:
jvectormap

1 ответ

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
    также возможно ли использовать именно эту карту jvectormap.com ( рекомендуемая ) для размещения маркеров?
  • 0
    Вы имеете в виду различные синие цвета, используемые на карте? Если да, проверьте пример jsFiddle (выше в ответном посте), он использует данные серии, которые генерируют цвета на основе заданного значения для каждой страны / региона

Ещё вопросы

Сообщество Overcoder
Наверх
Меню