firefox가있는 jvectormaps가 예기치 않은 오류를 발생합니다.

Question

IE 9에서 문제없이로드 할 맵을 얻을 수 있지만 FF 31으로 테스트 할 때 맵을로드 할 수 없게됩니다. 방화범이 끌려서, 그것의보고 a

Unexpected value scale(0) translate(Infinity, 0) parsing transform attribute. 

이것은 나의 구현보다 실제 맵과 관련이있는 것 같다. 다음과 같이 내 현재의 구현은 : 나는이지도를

  $('#map').vectorMap({ 
     map: 'us_aea_en', 
     backgroundColor: "#728DA5", 
     onRegionLabelShow: function (e, el, code) { 
      el.html(el.html()); 
     }, onRegionClick: function (event, code) { 
      var map = $('#map').vectorMap('get', 'mapObject'); 
      showAgencies(map.getRegionName(code)); 
     } 
    }); 

: http://jvectormap.com/js/jquery-jvectormap-us-aea-en.js 사용지도 등을하고 실제 구현 스크립트 이전에로드됩니다. 내가 말했듯이, 그것은 IE에서 잘 작동하는데, 페이지에 대한 약간의 조정만으로 가능합니다.

나는 작은 것을 놓칠지도 모른다. 그러나 나의 인생 동안 나는 어디에 정말로 모른다.

Answer 1

문제가 해결되었습니다. 글쎄 정말 주위에 작품. 문제는 Jvectormap이 동적 인 너비와 높이를 제대로 수행하지 못한다는 것입니다. 나는 div 컨테이너에 85 % 높이를 사용하고 있었다. 나는 자바 문서에서 다음 중 하나로 설정하고, 준비 내가 IE 9, FF (31)에서 작동하지 않는 다른 요소

결과 페이지

$("#map").css("height", $(document).height() - 120); // Hot fix for cross browser support 

에 배려 복용 올바른 크기로 설정하려면이 코드를 사용, 오페라와 크롬 문제없이.