Question

我正在使用数据地图（http://datamaps.github.io/）并试图让地图变得透明。我找不到国家的fillOpacity的内置功能，仅用于气泡。

由于这是建立在D3之上，我想知道是否有一个hacky解决方法来实现我的目标。最终我可能会切换到D3作为控件。

Answer 1

您可以使用RGBA值更改默认填充颜色，其中A（alpha）用于透明度/不透明度。数据映射的主要Github page目前有演示代码，例如：

const opacity = 0.2;
const map = new Datamap({
  element: document.getElementById('container'),
  fills: {
    defaultFill: 'rgba(255, 0, 0, ' + opacity + ')'
  }
});

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.8/datamaps.all.min.js"></script>
<div id="container" style="position: relative; width: 500px; height: 300px;"></div>

使用数据地图，我试图创建一个不是100％不透明度的地图

1 个答案: