2012-09-16 4 views
4

미국의지도를 설정하려고하는데 jVectorMap을 놓았지만 색이 바뀌지 않습니다.jVectorMap 색 변경

jsfiddle에서 문제를 구현하려고했지만 그 곳에서 아무 것도하지 않으려 고합니다. 내 컴퓨터에서지도가 생성되지만 색상은 변경되지 않습니다.

http://jsfiddle.net/rsRnj/

내가 사용하고있어 pluging : 나는 상태의 색상을 변경할 수없는 이유 http://jvectormap.com/

누구나 어떤 아이디어가?

지도를 사용하는 것이 더 쉬운 경우 그 권장 사항도 사용합니다. 기본적으로 색상 및 마우스 오버 효과가있는 페이지의 클릭 가능한지도가 필요합니다. 완료되면

편집 결과를 게시 할 예정입니다, 지금은 다른 맵 라이브러리를 시도

+0

jvectormap가 작동해야합니다. 대답은 아래에 추가되었습니다. – mg1075

답변

0

대신이 옵션으로가는 종료 : http://newsignature.github.com/us-map/

jVector지도는 오버레이 할 데이터가있는 경우 좋은 보이지만, 그냥 각 주를 사이트의 다른 곳으로 연결하고 싶습니다.

13

아마도 jvectormap으로 돌아가는 것을 다시 고려해보십시오. 내가 너의 목표를 올바르게 이해한다면, jvectormap은 잘 작동 할 것이다.

  1. jvectormap 사이트에서 1.0 버전이 사용 중입니다.
    http://jvectormap.com/examples/world-gdp/
    http://jvectormap.com/js/jquery-jvectormap-1.0.min.js https://raw.github.com/bjornd/jvectormap/master/jquery-jvectormap.js (최신 버전) http://jvectormap.com/js/jquery-jvectormap-us-aea-en.js

  2. IT는 GitHub의 웹 페이지에 대신 실제 JS 파일에 바이올린 링크를 보인다. 또한 바이올린의 자바 스크립트 섹션에 태그를 추가 할 필요가 없습니다. http://doc.jsfiddle.net/basic/introduction.html#javascript

  3. 시도가 일부 사이트의 예에서 소스를 볼 수 있으며, 또한 1.0 API의 WorldMap은 부분 검사 : http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/


작업 예를 여기
은 포크 당신의 색상 및 클릭 이벤트에 대한 귀하의 요구 사항을 충족시키는 것으로 보이는 바이올린 :
http://jsfiddle.net/bQ78b/1/

$(function() { 
    $('#usMap').vectorMap({ 
     map: 'us_aea_en', 
     hoverColor: false, 
     hoverOpacity: 0.5, 
     onRegionClick: function(e, code){ 
      alert(code.replace("US-", "")); 
     }, 
     regionStyle: { 
     initial: { 
      fill: '#128da7' 
     }, 
     hover: { 
      fill: "#A0D1DC" 
      } 
     } 
    }); 
}); 

희망이 도움이 ...

+0

+1 the regionStyle : code! –