2012-04-12 83 views
0

我已将Google Maps API(包含路线)嵌入到我正在更新的网站中。它完美的工作......直到我尝试打印。如果我打印成PDF格式,没问题,但将它发送到打印机只会产生3个空白页。这是我的print.css:打印问题:Google地图带路线

#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。

回答

-1

解决方案竟然是将“display:inline”添加到包装div,将“display:block”添加到方向和贴图div。

+2

这不是你怎么做......你应该添加解决方案*在这里*作为答案! – BoltClock 2012-04-13 12:40:05

+0

不要发布不是答案的答案。发布实际的答案。 -1。 – 2012-04-13 12:43:24

+0

我将解决方案向下移动。希望这现在符合发布要求。 – 2012-04-14 23:21:11