DataMaps - 如何改变海洋的颜色

时间:2016-08-02 09:50:10

标签: javascript datamaps

https://github.com/markmarkoh/datamaps有一个非常好的javascript矢量地图,但它似乎没有改变海洋颜色的选项。然而,我确实看到一些演示对海洋有不同的颜色。我怎样才能改变海洋的颜色?

1 个答案:

答案 0 :(得分:3)

您可以更改目标元素的背景颜色。例如,如果您的div具有ID' data-map':

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

你启动地图就像:

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

因为svg是透明的,所以你可以改变div的背景颜色。这将使'海洋'成为海洋。那种颜色:

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