jVectorMap样式更改填充类型

时间:2013-11-12 20:11:43

标签: javascript styling jvectormap

我如何设置这样的“world_mill_en”地图?

我知道如何做标记,只需要指定经度和纬度。我如何摆脱各大洲之间的所有分界线,并改变填充,使其只是一堆灰点?据我所知,api只允许你将它改为实心填充。

另外,如何禁用区域悬停?

1 个答案:

答案 0 :(得分:1)

对区域使用图案填充(带有所需图像)(不需要遮罩)

在矩形上使用图案填充,该矩形使用带有区域的蒙版

<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,展示了如何做一个简单的模式。