javascript - Google マップの Z-index マップが表示されない

Question

私のウェブサイトには 100 から 1000 までの z-index があります。Google マップは、z-index が 0 の gm-style div をもたらします。

すべてのGoogle api z-index、マーカーz-indexについて話します..マップを自己表示するにはどうすればよいですか?

css .gm スタイルの z-index を試みましたが、成功しませんでした。

Answer 1

他の要素がその上に積み重ねられている場合は、マップ キャンバス div により高い z-index を追加する必要があります。これにより、新しいスタッキング コンテキストが開始されるため、Google マップ内のアイテム (z-index が 0 であっても) は引き続き表示されます。スタック コンテキストの詳細については、こちら を参照してください。

また、CSS の map-canvas div に高さを追加しましたか? 高さを指定しないと、Google マップが表示されません。

これを CSS ファイルに追加してみてください。

#map-canvas {
    height: 500px;
    z-index: 1001;
}

これで問題が解決しない場合は、作業中のページへのリンクを含めてください。他に問題があるかどうかを確認できます。