小叶矩形立即消失

leaflet rectangle disappears instantly

本文关键字：消失 叶矩形      更新时间：2023-09-26

我刚开始创建一个传单网络应用程序，但我没能画出一个矩形。当我加载页面时，它会显示一瞬间，就在地图加载之前，然后它就消失了（这是在Chrome中，在Firefox中根本不显示）。我在这里错过了什么？

以下是我的代码：

<script>
    var bounds = [[52.42, 4.78], [52.46, 4.88]];
    var map = L.map('map', {
    maxBounds: bounds,
    minZoom: 14

    }).setView([52.44, 4.83], 14);
    var googleLayer = new L.Google('ROADMAP');
    map.addLayer(googleLayer);
    $(document).ready(function() {
        L.rectangle(bounds, {color: "red", weight: 1}).addTo(map);
    });
</script>

我尝试在$（document）.ready（）事件中绘制矩形，但没有成功。

矩形被隐藏，因为谷歌层被绘制在顶部。可能是一个错误，我希望图层按照添加它们的z顺序排列。快速修复（检查副作用）是使用CSS样式强制执行所需的订单，例如：

.leaflet-google-layer{
    z-index: 0 !important;
}
.leaflet-map-pane{
    z-index: 100;
}
相关文章：