Jvectormap: Как реализовать HTML вместо простой строки в метке маркеров/подсказки?

Я только что реализовал плагин jQuery jvectormap, для использования карты мира. Все работает отлично, кроме этого, может быть.. Я добавил несколько маркеров и пытался внедрить HTML в маркерную метку/подсказку. Поэтому вместо того, чтобы просто "blabla", я хочу, чтобы изображение /html отображалось при падении маркера.

Как я могу достичь этого результата?

Здесь инициализируется JS:

$('#map').vectorMap({
    markerStyle: {
      initial: {
        fill: '#F8E23B',
        stroke: '#383f47'
      }
    },
    backgroundColor: '#383f47',
    markers: [
      {latLng: [46.90, 8.45], name: "<img src=\"img/logo.png\">"}
    ],
...(other code isn't important)...

Важной частью является name: "<img src=\"img/logo.png\">"

Спасибо за помощь!

Ответы

Ответ 1

Если вы хотите настроить ярлык/подсказку, отображаемую при наведении указателя мыши на маркер, вы должны предоставить функцию onMarkerLabelShow.

onMarkerLabelShow Функция (Event e, Object label, String code) Будет вызываться прямо перед меткой маркера.

Например:

$('#map').vectorMap({
    markerStyle: {
      initial: {
        fill: '#F8E23B',
        stroke: '#383f47'
      }
    },
    backgroundColor: '#383f47',
    markers: [
      {latLng: [46.90, 8.45], name: "My marker name"}
    ],
    onMarkerLabelShow: function(event, label, code) {
     label.html("<img src=\"img/logo.png\"><br>"+ label.html());                
    }
});