Установите ширину / высоту изображения маркера в jVectorMap - PullRequest
Новая
       28

Установите ширину / высоту изображения маркера в jVectorMap

0 голосов
/ 08 мая 2018

К сожалению, установка markerStyle при создании нового jVectorMap не влияет на атрибуты изображения SVG. 

window.mapMarkers = [];
window.mapMarkers.push({
    name: 'Test',
    coords: [12.345, 12.345]
});

new jvm.Map({
    container: $('#map'),
    map: 'en',
    series: {
        markers: [{
            attribute: 'image',
            scale: { 'marker': 'marker.png' },
            values: window.mapMarkers.reduce(function(p, c, i) { p[i] = 'marker'; return p; }, {})
        }]
    },
    markerStyle: {
        initial: {
            width: 42, height: 58
        }
    }
});

Как мне перезаписать атрибуты изображения ширины / высоты SVG на карте, не изменяя исходный код библиотеки jvectormap ? Настройка размеров с помощью CSS работает только в WebKit, но не в Firefox и Co.

1 Ответ

0 голосов
/ 20 мая 2018

Найдите 'svg-image-element.js'. По умолчанию размер svg-изображения равен размеру используемого изображения. 

that.width = img[0].width;
that.height = img[0].height;

Чтобы изменить его, просто измените img [0] .width / height на все, что вам нужно.

...