JVectorMap中的markerStyle

时间:2013-12-03 15:45:41

标签: javascript jquery css

我正在尝试设置http://jvectormap.com/examples/markers-world/标记的样式,但我很难将背景图像应用于标记

背景属性在这里没有用,有什么方向吗?

markerStyle: {
      initial: {
        fill: '#F8E23B',
        stroke: '#383f47',
        background: 'url("image.jpg") no-repeat 0 0 transparent'
      }
    },

1 个答案:

答案 0 :(得分:0)

找到了替代选项

jvectormap: How to implement HTML instead of simple string in the markers label/tooltip?

$('#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());                
    }
});