埋め込まれた Google マップに問題があります。API v3 を使用していますが、何らかの理由でマップ コントロールとマーカーの背後に黒いブロックが表示されます。
スクリーンショットは次のとおりです。
私は HTML5 医師にスタイルシートをリセットしてもらい、レイアウトとタイポグラフィのための非常にシンプルなカスタム スタイルを設定しました。ページを更新すると、マップ全体が一瞬点滅し、その後黒いブロックがレンダリングされます。
ここに codepen がありますが、なぜかマップが表示されません。[GOOGLE MAP] でマークを付けたので、見つけやすくなりました。 http://codepen.io/Jinx/pen/bcrpn
[アップデート]
マップ要素以外のコンテンツなしで新しい html を作成しましdivた。元の html のすべてのスクリプトと css ファイルが含まれており、マップは正常に動作します。
このバグは地図を囲んでいる HTML に起因しているように見えるので、これは私を混乱させますか?
[更新2]
コードペンでレンダリングするマップを取得しましたが、コントロールもマーカーもありません。ローカルバージョンでも同じ結果です。
地元で働いているからでしょうか。
[UPDATE3]
Firefox、Internet Explorer 9、Opera、Safari をチェックインしたところ、マップは完全にレンダリングされました。これはChrome のバグのようです。
また、クロムがすべての要素ボックスをブラウザ ウィンドウの表示領域からオフセットしていることに気付きました。これがスクリーンショットです。
他のブラウザーのインスペクターは通常どおりボックスを表示します。
