我的网站上的谷歌地图兼容手机？

Question

我需要实现一个谷歌地图在我的引导，但林不知道，如果一个iframe将用于移动工作，有两个手机和一个版本的谷歌地图的桌面

我试图谷歌，但没有出现

<iframe id="maps" width="325" height="208" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
       src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=8207+Central+Ave+NE,+Albuquerque,+NM&amp;aq=0&amp;oq=8207+central+ave+ne+a&amp;sll=34.166233,-106.026069&amp;sspn=15.047206,19.753418&amp;ie=UTF8&amp;hq=&amp;hnear=8207+Central+Ave+NE,+Albuquerque,+Bernalillo,+New+Mexico+87108&amp;ll=35.074854,-106.555821&amp;spn=0.00364,0.004823&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=8207+Central+Ave+NE,+Albuquerque,+NM&amp;aq=0&amp;oq=8207+central+ave+ne+a&amp;sll=34.166233,-106.026069&amp;sspn=15.047206,19.753418&amp;ie=UTF8&amp;hq=&amp;hnear=8207+Central+Ave+NE,+Albuquerque,+Bernalillo,+New+Mexico+87108&amp;ll=35.074854,-106.555821&amp;spn=0.00364,0.004823&amp;t=m&amp;z=14" style=" color:#0000FF;text-align:left">View Larger Map</a></small> 

Answer 1

Google Maps API v3是为移动设备和桌面设备开发的。只要确保你设置的视元标记和样式的HTML，身体和地图DIV（ID 地图帆布下面）是：

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map-canvas { height: 100% } 
</style> 

研究的Hello world例如看看如何让它工作。