javascript - 数据 map - 如何改变海洋的颜色

Question

https://github.com/markmarkoh/datamaps有一个非常好的 javascript 矢量 map ，但它似乎没有改变海洋颜色的选项。不过，我确实看到一些演示的海洋颜色不同。如何改变海洋的颜色？

Answer 1

您可以更改目标元素的背景颜色。例如，如果您的 div 的 id 为“data-map”:

<div id="data-map"></div>

然后你启动 map :

var datamap = new Datamap({
  element: document.getElementById("data-map")
});

因为 svg 是透明的，所以您可以更改 div 的背景颜色。这将使“海洋”变色:

#data-map {
    background-color: #F00; //red
}