javascript - Vaadin 7 嵌入谷歌地图

Question

我无法在我的 vaadin UI 上显示谷歌地图。我从 Vaadin 论坛关注了这篇文章，但我不明白为什么在我放置扩展 AbstractJavaScriptComponent 的新 GMap() 的地方它没有显示任何内容。我将四个文件（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>";

这并没有获得完整的可用空间，并且地图大小的宽度为 0px 高度为 0px。所以给它一个固定的大小解决了我的问题：

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