0

ブートストラップに Google マップを実装する必要がありますが、iframe がモバイルで機能するかどうかはわかりません。モバイルとデスクトップの両方に対応する Google マップのバージョンはありますか

私はグーグルを試しましたが、何も出てきません

<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>
4

1 に答える 1

0

Google Maps API v3は、モバイル デバイスとデスクトップ デバイスの両方向けに開発されました。ビューポートのメタタグを設定し、 html、body、およびマップ 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の例を調べて、すべてを機能させる方法を確認してください。

于 2013-04-22T23:39:03.127 に答える