</p> <p>사람은 Vuejs 응용 프로그램에서 Openlayers을 통합하는 경험이 있으며, vuejs 응용 프로그램

예, 현재이 앱은 양식 및 (구글 맵의 라우팅 기능과 유사) 거의-전체 화면 맵이 Vuejs와 OpenLayers (4)와 기존 응용 프로그램을 다시 작성하고 있습니다.

OL npm lib은 OpenLayers를 ES2015 파일로 표시하며 이는 일반적인 vuejs 설정과 잘 일치합니다. 지도 객체를 mounted()에 초기화하고 속성으로 저장하는 래퍼 구성 요소를 만들었습니다.

OL은 구성 요소의 속성에서 전파 된 변경 사항을 선택하지 않으므로 속성이 변경 될 때마다 OL 기능을 호출하려면 watchers 속성 (또는 이벤트 처리기)을 사용해야 할 수도 있습니다.

사이드 패널이 열리거나 닫히면지도의 뷰포트가 변경 될 때지도 디스토션이 발생했습니다. 이벤트를 듣고 map.updateSize()으로 전화하면 해결됩니다.

vuejs 용 OL 플러그인도 있습니다 (vuejs-openlayers ). 나는 OL을 통합하는 것이 어쨌든 쉽기 때문에 그것을 테스트하지는 않았다.

2017-11-27 08:28:36 dube

답변