google-maps - 我的网站上的谷歌地图与移动设备兼容吗？

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、body和map div（下面的 id map-canvas）设置为：

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

研究Hello world示例，了解如何使其全部工作。