使用jVectormap
使用jVectormap
提问于 2018-04-20 16:42:21
我使用的是jVectormap，我的客户在美国、荷兰和新加坡都有办事处。有没有办法在地图上只显示这些国家，而仍然使用标记来显示办公地点？该位置应可单击(链接)到另一个页面
回答 1
Stack Overflow用户
发布于 2018-05-26 13:26:24
要仅显示3个国家/地区，有两种方法。
- 更新jvectormap-world-mill，以便它只包含您感兴趣的国家/地区。这样，jvector将只显示您列出的国家/地区。你仍然可以使用标记。
- 另一种方法是使用标准的世界地图，并将你不感兴趣的国家颜色转换为白色(或一些浅灰色)。并将这三个国家的颜色改为更具对比度的颜色。
默认颜色通过以下方式设置：
regionStyle: {
initial: {
//Default color for countries (light grey)
fill: '#E5E5E5',
}
}您感兴趣的国家/地区的颜色为：
series: {
regions: [{
//Color for Dark countries
scale: ['#bac0c6', '#9f2742'],
normalizeFunction: 'linear',
values: regions.reduce(function(p, c){
p[c.name] = c.status;
return p;
},{}
),
}]
}并且设置了regions变量：
var regions = [
{name: 'AT', status: 0, link:'disable'},我在我的博客上使用了第二种方式：https://sevenhillsaway.com/map/，所以如果有什么不清楚的地方，你可以看看代码。重点是，我实际上是将它们着色为3种颜色，这就是我使用reduce函数的原因。您可以省略这一点，并使用easy来赋值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49937558
复制相关文章
相似问题
腾讯云开发者
