Question

我想为worldmap创建一个虚线数据网格。 http://prntscr.com/8oo2tw。我在整个地图中为每个区域使用了图例（图像）。一切似乎都很好，但当这个传说位于国家的边界之间时，传说似乎是扭曲的。我如何删除笔划（国家之间的boudaries），以便位于国家边界之间的虚线图像看起来不会失真。

我尝试过制作stoke：none和stroke-width：0以及stroke-opacity：0。但似乎没有用。我的代码就像：

new jvm.Map({
            container: jQuery('#world-map'),
            map: 'world_mill_en',
            scaleColors: ['#C8EEFF', '#0071A4'],
            markersSelectable: true,
            hoverOpacity: 0.7,
            hoverColor: false,
            series: {
                regions: [{
                        scale: {
                            dotted:"<?php echo $base_url .'/'. path_to_theme()?>"+"/images/dot.png",
                            yellowBlue: '../images/icon.png'
                        },
                        attribute: 'fill',
                        values: {
                            "AF": 'dotted',
                            "AX": 'dotted',
                            //all regions with in world_mill_en
                            "ZI": 'dotted',
                            "ZW": 'dotted',
                            "ZM": 'dotted',
                            "_1": 'dotted'                                  
                        },
                        attribute: 'fill',
                    }]
            },                                
        });

Answer 1

您可以在地图对象中设置此参数，如下所示：

      regionStyle : {
        initial : {
          fill : "white",
          "fill-opacity" : 1,
          stroke : "black",
          "stroke-width" : 0.0,
          "stroke-opacity" : 1
        },
        hover : {
          "fill-opacity": 1,
          "stroke-width" : 0.0,
        },
        selectedHover : {}
      },

如何从jvectormap中删除笔触或边框

1 个答案: