新しいGoogleマップの埋め込みコード(iFrame)を使用してWebサイトに小さなマップを追加していますが、左上の新しいアドレスボックスを非表示にすることはできません(下の画像を参照)。
「マップの共有と埋め込み」オプションをクリックしてマップコードを生成しました(下の画像を参照)が、これを実現するために完全なAPIを使用する必要があるかどうか疑問に思っています。
私がこれまでに見つけたすべてのリソースは、古い埋め込みバージョンについて説明し、同じではない情報バルーンを無効にします。私が持っている唯一の手がかりは、ボックスのHTMLクラスが「プレースカード」しかし、検索してもまだ何ももたらされません。
正しい方向への助けやポイントをいただければ幸いです。
すべてのボタンをcssで非表示にできます。非表示および必要なサイズのコンテナdiv幅オーバーフローを作成します。新しいGoogleマップをiframe/embed内に大きなサイズで配置します。マップをiframeに配置するには、負のマージを使用します。
100%幅の例:
<div style="width: 100%; overflow: hidden; height: 300px;">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
width="100%"
height="600"
frameborder="0"
style="border:0; margin-top: -150px;">
</iframe>
</div>
Iframeをコンテナdivよりも300px高くします。 150pxで下に隠れ、150pxで上に隠れます。 iframeの上部でこの150を非表示にするには:
マージン上部:-150px;
これを試すことができます:
Iframeは次のようになります。