Google maps 打印问题:带方向的谷歌地图

Google maps 打印问题:带方向的谷歌地图,google-maps,printing,Google Maps,Printing,我已经将谷歌地图API(带方向)嵌入到我正在更新的网站上。它工作得很好…直到我尝试打印。如果我打印成PDF格式就可以了,但将其发送到打印机只会生成3个空白页。这是我的print.css: #bg, #footer, #header, #enter-info, #driveit, #find, #leftcolumn, #print-button { visibility:hidden; } #map_area{ position:absolute; top:25px;

我已经将谷歌地图API(带方向)嵌入到我正在更新的网站上。它工作得很好…直到我尝试打印。如果我打印成PDF格式就可以了,但将其发送到打印机只会生成3个空白页。这是我的print.css:

    #bg, #footer, #header, #enter-info, #driveit, #find, #leftcolumn, #print-button { visibility:hidden; }

#map_area{
    position:absolute;
    top:25px;
    left:120px;
    width:8.5in;
    margin:0 auto;
    clear:both;}

#directions{
    position:relative;
    left:25px;
    width:3.75in;}

#map_canvas{
    position:relative;
    float:right;
    right:25px;
    width:4in;
    min-height:500px;}
我以为这很简单,但这让我发疯了

任何想法都将不胜感激


编辑:这个问题可以结束了,因为我终于让它工作了。解决方案原来是将“display:inline”添加到包装器div,将“display:block”添加到方向和地图div。

解决方案原来是将“display:inline”添加到包装器div,将“display:block”添加到方向和地图div。

你不是这样做的。。。您应该在此处添加解决方案作为答案!不要发布不是答案的答案。张贴一个真实的答案-1.我将解决方案向下移动。希望现在能够满足发布的要求。