javascript - jVectorMap 样式更改填充类型

Question

我如何设计这样的“world_mill_en” map ？

我知道如何做标记，只需指定经度和纬度即可。我将如何摆脱各大洲之间的所有分界线，并更改填充以使其只是一堆灰点？据我所知，该 api 只允许您将其更改为实心填充。

另外，如何禁用区域悬停？

Answer 1

对该区域使用图案填充(使用您想要的图像)(不需要 mask )

或

在矩形上使用图案填充，该矩形使用其中包含区域的 mask

<svg xmlns="http://www.w3.org/2000/svg" 
 xmlns:xlink="http://www.w3.org/1999/xlink" 
 viewBox="0 0 1000 360">
 <defs>
    <pattern patternUnits="userSpaceOnUse" id="pat1" x="10" y="10" 
     width="425" height="319">
        <image width="425" height="319" 
         xlink:href="http://designm.ag/images/0709/wood/71.jpg" />
    </pattern>
    <text id="txt1" y="100" font-weight="bold" font-family="Verdana" 
     font-size="100">Some Text</text>
</defs>     

<use width="1000" height="400" xlink:href="#txt1" fill="url(#pat1)"/>
</svg>

这是一个 fiddle展示如何制作简单的图案。