DataMaps - Как изменить цвет океана

Question

https://github.com/markmarkoh/datamaps имеет очень хорошую векторную карту javascript, но, похоже, у нее нет возможности изменить цвет океана. Однако я вижу, что некоторые из демонстраций имеют другой цвет для океана. Как я могу изменить цвет океана?

Answer 1

Вы можете изменить цвет фона целевого элемента. Например, если ваш div имеет идентификатор data-map:

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

И вы инициируете карту, как:

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

Поскольку svg прозрачен, вы можете изменить цвет фона div. Это сделает "океаны" этого цвета:

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