Javascript 点击phonegap打开Google地图按钮

我的HTML（我试图在单击按钮后将地图插入

div

）：

---

当单击带有id

位置的按钮时，我正试图用id
地图填充
div
。
将此用于调用google maps api：



我把上面的代码直接放在按钮下面

未对index.js进行任何更改

我想可能是因为我将这个CSS添加到id为
map
的div的index.CSS文件中：

#地图{
宽度：100%；
身高：80%；
位置：绝对位置；
}
将您的div宽度和高度设置为其所在容器的100%

在css文件中添加以下行

#div_id{
     width: 100%,
     height: 100%
}

在打开地图的单击方法的末尾添加这一行

setTimeout(function(){
       google.maps.event.trigger(map1, 'resize');
},0);

这将有助于删除地图加载后可能看到的灰色地图
@dwij问题是
#div_id{
     width: 100%,
     height: 100%
}

setTimeout(function(){
       google.maps.event.trigger(map1, 'resize');
},0);