Google Map API v3未显示

时间:2012-08-23 08:13:53

标签: javascript google-maps-api-3

我尝试将此脚本添加到我的html页面:(它是一个临时链接,它被删除)(这个脚本单独工作,当我将它添加到我的时候它没有显示地图HTML)

计算距离并显示结果,但地图未显示。

出发地下方的城市文本框为地址1,抵达下方的城市文本框为地址2。该地图假设在div标签中显示id:map_canvas但它没有显示。我尝试添加和删除表单标签,更改布局等等但没有任何效果。

如果有人能帮我解决这个问题,我会很高兴的。

谢谢!

2 个答案:

答案 0 :(得分:0)

width的{​​{1}}和height属性设置为map_canvas等绝对值。

不能确切地告诉你原因,但它会显示出来。可能因为没有任何东西的x%(因为最初div中没有​​内容)等于什么,并且当你向它添加地图时div不会刷新。

答案 1 :(得分:0)

这是你的高度设定。尝试

  <div id="map_canvas" style="width:100%; height:500px;"></div>

另见jsFiddle