Vaadin 7 Google지도 포함

Question

내 vaadin UI에 Google지도를 표시 할 수 없습니다. 나는 Vaadin forum의 this 포스트를 따라 갔지만, 왜 AbstractJavaScriptComponent를 확장하면서 새로운 GMap()을 추가했는지 이해할 수 없다. 4 개의 파일 (GMap.java, GMapState.java, gmap-connector.js, gmap.js)을 src 폴더의 전용 패키지에 넣었습니다. 실제로 js를 테스트 한 결과 정확하게 내용을 읽는 것 같지만지도가 표시되지 않습니다. 내가 무엇이 누락 되었습니까?

Answer 1

쉬운 일이 .... 내가

this.element.innerHTML = "<div id='map-canvas' style='height:100%; width:100%;'></div>"; 

이 그렇게하지 전체 여유 공간을 가져 와서지도의 크기는 폭 0 픽셀 높이 0 픽셀 나왔다 ... 지금은 바보가 된 기분. 그래서 고정 크기로 내 문제를 해결했습니다 :

this.element.innerHTML = "<div id='map-canvas' style='height:200px; width:200px;'></div>";