JS는 부정확 Echats 맵 크기 조정 표시

문제 설명

  • 동적으로 적응 선박의 크기의 변화를 모니터링하면서 Echarts는지도 파일을 참조
var map= echarts.init(document.getElementById('map'));
var option = {};
map.setOption(option);
window.addEventListener("resize", () => {
    map.resize();
});
  • 용기의 크기 변화를 드래그하고,지도 좌표 점 오프셋을 생성 할 때

원인 분석

  • 드래그가 브라우저의 크기를 변경할 때,이 예제를 참조, 매핑 및 지점의 좌표가 상쇄되지 않습니다, 그것을 달성하는 방법을 모른다
  • 공식의 예

솔루션

  • 다시 그려 방법지도
window.addEventListener("resize", () => {
    map.resize();
    map.clear();
    map.setOption(option);
});

처리 결과

  • 크기를 조정하지만 다시 그려,하지만 당신은 스큐 문제를 해결할 수있는 것은 아니지만

추천

출처www.cnblogs.com/KevinTseng/p/12149612.html