百度地图-鼠标点击下拉列表隐藏问题

最新推荐文章于 2024-08-19 08:45:00 发布

Jaye_

最新推荐文章于 2024-08-19 08:45:00 发布

阅读量1.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/Jaye_/article/details/82883551

版权

博客讲述了在百度地图API中，如何处理详情页面不显示自动完成搜索下拉框的需求。在详情页面保持地图显示，但期望下拉框不出现，仅在进入编辑页面时，用户可以利用下拉框进行地址选择。文章可能包含实现这一功能的代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求描述：

详情页面显示已有地址和地图时，自动完成搜索下拉框会显示出来，预期效果：详情页面时不显示下拉框，点击编辑到编辑页面，可输入下拉框进行地址选择。

代码：

html:
<div id="map-content"></div>



vue:
mounted() {
    let _This = this;
    _This.init(); // 调用页面初始化函数
    _This.contentMap = new BMap.Map("map-content");
    let map = _This.contentMap;
    map.enableScrollWheelZoom(true); // 缩放
    map.enableContinuousZoom(); //  开启连续缩放效果
},

methods:{
    init(){
        ajax({
            url:'',
            method:'get',
            success:function(){
                // 处理初始化数据
                 this.fSearchAddressByAddress(); // 渲染地图
                 this.addressAutocomplete(); // 自动检索实例化
            }