如何从 jvectormap 中删除笔画或边框答案

【问题标题】：how to remove the stroke or the border from the jvectormap如何从 jvectormap 中删除笔画或边框
【发布时间】：2016-06-09 21:28:17
【问题描述】：

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

我尝试制作 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',
                    }]
            },                                
        });

【问题讨论】：

标签： jvectormap

【解决方案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 : {}
      },

【讨论】：