Jquery 在jVectorMap中设置标记图像的宽度/高度

Jquery 在jVectorMap中设置标记图像的宽度/高度,jquery,svg,jvectormap,Jquery,Svg,Jvectormap,不幸的是,在创建新的jVectorMap时设置markerStyle不会影响SVG图像属性 window.mapMarkers = []; window.mapMarkers.push({ name: 'Test', coords: [12.345, 12.345] }); new jvm.Map({ container: $('#map'), map: 'en', series: { markers: [{ at

不幸的是,在创建新的jVectorMap时设置markerStyle不会影响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宽度/高度图像属性?通过CSS设置维度只在WebKit中有效,但在Firefox和Co中不起作用。

查找“svg image element.js”。 默认情况下,svg图像的大小是所用图像的大小

that.width = img[0].width;
that.height = img[0].height;
要更改它,只需将img[0].宽度/高度更改为您需要的任何值。

以下是一个示例: