我有一個問題，我使用iframe在我的web應用程序中顯示我的google地圖服務。但是為什么我的iframe地圖顯示重疊？(這意味著現在我有一個2層的2地圖)

在此輸入圖像描述

我想為我的問題找到關于iframe重疊的解決方案并解決它。謝了。

這是我的iframe代碼

div class="map-responsive">
                        <!-- embed code here -->
                        <iframe id="map_locations" src="#" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>


                    </div>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.map-responsive iframe {
    width: 90%;
    height: 380px;
    margin: 0 1rem;
}