2016-08-02 4 views
0

https://github.com/markmarkoh/datamaps에는 매우 멋진 자바 스크립트 벡터 맵이 있지만 바다의 색을 변경하는 옵션이없는 것 같습니다. 그러나 나는 데모 중 일부가 바다의 색이 다른 것을 볼 수 있습니다. 어떻게 바다의 색깔을 바꿀 수 있습니까?DataMaps - 대양의 색을 변경하는 방법

+0

'css'를 사용하여'svg'의 배경색을 변경하는 것은 어떻습니까? – PierreDuc

+0

CSS를 사용하여 svg의 배경색을 어떻게 변경합니까? – Superdooperhero

답변

3

대상 요소의 배경색을 변경할 수 있습니다. 예를 들어 당신의 사업부는 ID의 데이터 맵 '이있는 경우 :

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

을 그리고 당신은 같은지도 시작하십시오 SVG 당신이 사업부의 배경 색상을 변경할 수 있습니다 투명하기 때문에

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

합니다. 그러면 '바다'색상이됩니다 :

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

은 직교 투영을 할 수 없습니다. – foreyez

+0

@foreyez 'datamaps-graticule'클래스가있는 경로에 채우기 스타일을 설정하면 조금 만날 수 있습니다. 또 다른 옵션은 svg를 정사각형으로 만들고 여하튼 경로와 크기를 동일하게 만드는 것입니다. 그런 다음 'border-radius : 50 %'를 사용하여 원을 만들고 SVG – PierreDuc

+0

meh의 배경을 채울 수 있습니다. 정사각형지도 뒤에서 svg 원 (채우기가 바다색으로 설정된 위치)을 고집했습니다. . 치료를합니다. :> – foreyez

관련 문제