問題タブ [google-maps-embed]

これは、私が苦労していることを正確に示しているはずです: http://jsfiddle.net/PaulHighten/c5knqdgd/

パリのパネルには、「in」のクラスがあるため、マップが正しく表示されます。

London パネルにはそのクラスがありません。これは、ブートストラップが適用されることを意味します display: none; そのパネルに。iframe が http リクエストを適切に実行するのを停止すると想定しています。

これを実現するために Google Maps Embed API を使用できますか? API v3 と initialize() 呼び出しに関連する質問をたくさん見てきましたが、埋め込み iframe コードを機能させることに関連するものを見つけるのに苦労しました。

前もって感謝します。

=================

編集:問題を解決するために使用したコード(関連するiframeを1回だけ更新するようにChristinaの回答をわずかに変更):

学校のプロジェクトで、ごみ収集車の位置を追跡できるアプリケーションを作成しています。

トラックの最速の方向を計算するために、Google マップの埋め込み API を使用していますが、1 つの「問題」があります。API は 3 つのオプションの方向を返しますが、必要なのは 1 つだけです。

一方向だけを表示する可能性はありますか、それとも Google マップの JavaScript API が必要ですか?

前もって感謝します。

各ブートストラップ カルーセル スライドに複数のマップが挿入されるレスポンシブ デザインがあります。

最新の Google Maps API を使用すると、一部のマップは南極にズームアウトされて恐ろしいものに見えます

いくつかの調査の後、コンテンツが非表示になっているため、タブで同様の問題を発見しました。しかし、提案された応答をプロジェクトで機能させることができませんでした。

私が最後に試したコードは

しかし、 「Uncaught ReferenceError: google is not defined」というエラーが表示されます

マップは自分の DB に保存され、API が出力するコードを使用して埋め込まれます

例 ：

私は今立ち往生しています

Google 経由の Google マップ「マイ マップ」を使用して、シンプルな不動産 Web サイトを作成しました。

このサイトには、たくさんの写真を集めたフォトアルバムがあります。これらの写真の一部を使用して「マイ マップ」を作成しました。これは、Web サイト用のプライベート マップに写真を追加できる Google マッピングのようなものです。

マップは私の Web サイトで問題なく表示されますが、マーカーがすべてくしゃくしゃになっています。そのマップの「ズーム」を高くして、雑然と見えないようにするにはどうすればよいですか。

注: http://marcgrabanski.com/jquery-google-maps-tutorial-basics/を読みまし たが、ここでは、特定の緯度/経度のデフォルト マップを読み込むことから始めます。

var burnsvilleMN = 新しい GLatLng(44.797916,-93.278046);

次に、すべてのマーカーを追加します。

マーカー = 新しい GMarker(ポイント);

「マイマップ」内から変更する必要がある既存の「マイマップ」マップhttps://www.google.com/maps/d/embed?mid=zMUI-z11i1mw.k7KikFgwemt0があります (中心が設定されています)。