web-dev-qa-db-ja.com

Googleマップの埋め込み-場所カードを削除

新しいGoogleマップの埋め込みコード(iFrame)を使用してWebサイトに小さなマップを追加していますが、左上の新しいアドレスボックスを非表示にすることはできません(下の画像を参照)。

http://i.imgur.com/JOVXkra.jpg

「マップの共有と埋め込み」オプションをクリックしてマップコードを生成しました(下の画像を参照)が、これを実現するために完全なAPIを使用する必要があるかどうか疑問に思っています。

http://i.imgur.com/xxl25Ga.png

私がこれまでに見つけたすべてのリソースは、古い埋め込みバージョンについて説明し、同じではない情報バルーンを無効にします。私が持っている唯一の手がかりは、ボックスのHTMLクラスが「プレースカード」しかし、検索してもまだ何ももたらされません。

正しい方向への助けやポイントをいただければ幸いです。

22
Sintyche

すべてのボタンを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;

31
Bo Pennings

これを試すことができます:

  1. https://www.maps.ie/coordinates.html に移動して、座標を取得します
  2. Googleマップに移動して、それらの座標を入力します(カンマは33.319663、-111.89780100000002のように区切られています)
  3. 共有をクリックします(左側にあります)
  4. 埋め込みマップをクリックします
  5. 必要なマップのサイズを構成します
  6. Htmlをコピーします

Iframeは次のようになります。

0
Alvin