問題タブ [google-maps-embed]

メインページがページの読み込み時にマップを正しく表示しない場合、動的タブに関連するGoogleマップの埋め込みプログラムで人々が抱えるこの一般的な問題を一日中読んだ後. マップが中央に配置されていません。この問題を解決する方法について誰か提案がありますか?私は何でも試してみたいと思っています.

現在、動的コンテンツタブを使用しています。私の状況でこの問題を解決する方法があるのだろうかと思っています。

サイトからの単なる例。

Google マップの埋め込み

連絡先タブの個人コードは次のとおりです。

私が理解していることから、連絡先がクリックされたときにマップをロードするjqueryコードが必要です。このイベントが発生したときにのみマップを強制的にロードするための提案はありますか?

クライアント向けの Web サイトを構築するには、定期的に GMaps を埋め込む必要があります。そのために、maplace.js を使用します。

それはすべてかなりうまく機能しますが、奇妙なことに気づきました。

Google アカウントで Google マップの新しい「外観」を有効にしたので、非常にきれいに表示されます。

ここでは、Web サイトに GMap を手動で埋め込むための iFrame を生成できます。新しいクリーンな外観と便利な「ルート案内」オーバーレイを維持します。

ただし、maplace.js を使用する場合 (つまり、マップ API を使用する場合) は、以前の外観のままで、すっきりとしたきれいなコントロールが得られます。

Google で生成されたフレームと同じように見えるようにする方法を高低で検索しましたが、うまくいきませんでした。

これらは、私が物事を成し遂げるために使用するインクルードです:

これはマップに適用される CSS です。

そして、実際のマップの埋め込み:

これについて考えている人はいますか？

マーカーでマップを中央に配置するのに問題があります。ここに b* があります。

マップが読み込まれますが、画面の左上にマーカーが表示されるため、ユーザーはマウスを使用して目的の領域を実際に画面に配置する必要があります。

マーカーの位置でマップを中央に配置する方法を知っている人はいますか?

繰り返しの質問で申し訳ありませんが、これまでに見たアンサーは私の場合は機能しませんでした。

時々、私のマップはこのように正常に読み込まれます。

そして時々、このように奇妙に中心からずれて壊れた世界地図をロードします

壊れたマップが時々表示される理由を誰か知っていますか? また、常に正しいマップをレンダリングするように修正するにはどうすればよいですか?

背景として、AngularJs を使用して iframe に src を作成しています。

更新 ここにHTMLがあります

そしてMapCtrl

})()