leaflet - 防止 vue2-leaflet 地图将自身覆盖在 Vuetify 的导航抽屉顶部

Question

我正在使用 Vuetify 构建一个显示本地兴趣点的应用程序。该应用程序使用vue2-leaflet来显示地图。不幸的是，地图从导航抽屉、对话框和更暗的屏幕覆盖层中弹出。以下是展示它的图片：

我该如何解决？

标签： leafletnavigation-drawervuetify.jsz-index

Answer 1

在我看来，如果 z-index 需要更改：最好修改地图本身 - 而不是 Vuetify 的 css 会影响整个应用程序的其他组件。

在注册传单地图的组件中添加

<style lang="scss">
  .vue2leaflet-map {
    z-index: 1;
  }
</style>

这适用于我使用 Vuetify + Vue2-leaflet（今天最新的日期）。到目前为止，还没有注意到其他 Vuetify 组件有任何问题。