yangyanggu / vue-amap

高德地图封装 for vue2 vue3.0
https://vue-amap.guyixi.cn/
MIT License
252 stars 13 forks source link

弹出层再接弹出层poi搜索下拉框不显示 #86

Closed lliyuu520 closed 1 month ago

lliyuu520 commented 1 month ago

使用版本

请填写使用版本: "@vuemap/vue-amap": "^2.1.2", "@amap/amap-jsapi-loader": "^1.0.1", "vue": "3.2.37",

问题描述

因为业务需要,需要在弹出层的弹出层绘制地图,poi搜索能调用接口获取数据,但下拉框无法渲染

微信图片_20240613111131 微信图片_20240613111214

代码:

    <div class="amap-container">
                    <el-amap ref="mapRef" :zoom="zoom" :center="center" @click="getClickLocation">
            <el-amap-search-box class="amap-sug-result" :debounce="1000" @select="selectPoi" @choose="choosePoi" >
            </el-amap-search-box>
                        <el-amap-control-tool-bar />
                        <el-amap-control-scale />
                        <el-amap-control-geolocation :need-address="true" :convert="true" @complete="getLocation" />
                        <el-amap-marker :position="center" />
                    </el-amap>
                </div>
<style lang="scss" scoped>
.amap-container {
    height: 400px;
}
.amap-sug-result {
    z-index: 2000;
}
</style>
yangyanggu commented 1 month ago

你这修改amap-sug-result 放在scoped里面了,没有生效

lliyuu520 commented 1 month ago

谢谢,已解决