Vuejs2 为什么l-map标记会覆盖v-navigation-drawer vuetify？

你好， 通过这种方式，我将模板放在一个组件中

<template>
    <v-card fluid>
        <div class="text-xs-center">
            <v-btn outline small fab color="indigo" @click="abrirmodalBusqueda()">
              <v-icon>search</v-icon>
            </v-btn>
        </div>
        <div id="map">
            <l-map style="height: 500px; width: 100%" :zoom="zoom" :center="center" @update:center="centerUpdate">
                <l-tile-layer :url="url"></l-tile-layer>
                <l-marker :lat-lng="marker" >
                    <l-popup>Estoy en estas coordenadas asadsad {{latitud}}</l-popup>
                </l-marker>

                <l-marker v-for="marker in markers" :lat-lng="marker">
                    <l-popup>Estoy en estas coordenadas asadsad {{marker.lat}}
                        <v-flex xs12 sm4 text-xs-center>
                            <div>
                                <v-btn small color="primary" @click="dialogParqueos = true">Seleccionar</v-btn>
                            </div>
                        </v-flex>
                    </l-popup>
                </l-marker>
            </l-map>
        </div>
    </v-card>
</template>

搜索
我们的合作是一种合作{{latitud}
这是一个很好的例子{{marker.lat}
选择的

在px中使用height属性而不是在%I中使用height属性时，我已经可以可视化地图l-map style=“height:500px”，因为如果我使用100%，则无法看到地图。使用v-navigation-drawer时，地图的组装方式如下：

正如您所注意到的，它与左侧面板重叠。对于地图，我使用Vue2传单库。先谢谢你

解决方案：

<v-container>
      <v-card
        class="pa-3"
        flat
        height="550px"
        width="100%"
      >
        <l-map style="height: 100%; width: 100%; position: sticky !important;" :zoom="zoom" :center="center">
            <l-tile-layer :url="url"></l-tile-layer>
            <l-marker :lat-lng="markerLatLng" ></l-marker>
        </l-map>
      </v-card>
    </v-container>

---

添加位置：粘性！重要的；在样式中。

我有同样的问题，你找到了解决方案吗？@Jonathanchap我已经添加了解决方案。我有同样的问题，你找到了解决方案吗？@Jonathanchap我已经添加了解决方案