解决百度地图（new BMap.Autocomplete）影响input赋值的问题

在最近做的vue项目中，由于业务需求在页面中嵌入了百度地图，发现嵌入之后旁边的输入框的默认值不显示了,但是打印后发现是有值的，输入框却不显示，需要点击一下输入框才会展示

在排查之后发现是地图的Autocomplete功能影响到了，原因就是 new BMap.Autocomplete 把input置空了

//建立一个自动完成的对象
const ac = new BMap.Autocomplete({"input" :  “id”,"location" : map
});

解决办法：重新设置一下输入框的值
ac.setInputValue(‘input框的值’);

解决百度地图（new BMap.Autocomplete）影响input赋值的问题相关推荐

前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题
前端解决百度地图地址逆解析(BMap.Geocoder())异步问题需求:将接口返回的坐标数据转换成详细的地址并渲染在页面上问题:页面先渲染,地址后解析,导致渲染时没有数据显示解决方法:new ...
百度地图API BMap.Convertor().translate()的回调函数不执行
通过wx.getLocation且type为wgs84获取用户的当前wgs84坐标系经纬度,然后通过百度地图的BMap.Convertor().translate()的api来将用户wgs84坐标系的 ...
完美解决百度地图MarkerClusterer 移动地图时，Marker 的Label 丢失的问题
完美解决百度地图MarkerClusterer 移动地图时,Marker 的Label 丢失的问题参考文章: (1)完美解决百度地图MarkerClusterer 移动地图时,Marker 的Lab ...
解决百度地图多个标注覆盖不能响应点击的问题
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
解决百度地图内存泄露问题
百度地图内存泄露问题百度地图中,我们会遇到循环创建marker点时内存占用不停上涨导致页面直接崩掉.或者数据量过大页面渲染CPU占用过高导致页面卡死. 如图: 需求实例: 使用百度地图展示车辆的位置 ...
解决百度地图多点聚合卡顿问题
由于百度地图提供的MarkerClusterer_min.js 比较卡顿特此提供加速后的MarkerClusterer_min.js 源码如下 /*** @fileoverview MarkerCl ...
解决百度地图移动端（微信浏览器等）拖拽事件和点击事件冲突的BUG
在手机端,如果启用了百度地图的拖拽,那么部分手机上点击事件无法触发,无法获取点击位置的坐标,除非禁用拖拽的功能. 但如果禁用拖拽后,用户体验就很差,所以以下代码可以直接解决问题,亲测可用,如有疑问可以 ...
gcoord: 转换WGS84、GCJ02、BD09坐标，解决百度地图高德地图坐标系不统一的问题
做过地图相关开发的同学肯定会遇到这样一个问题:同样的经纬度坐标,在百度地图和高德地图上位置不一样. 关于坐标系我们通常用经纬度来表示一个地理位置,但是由于一些原因,我们从不同渠道得到的经纬度信息可能 ...
iOS开发 - 解决百度地图模拟器无法定位问题
在模拟器上使用百度地图定位的时候, 经常报这样的错误: /** *定位失败后,会调用此函数 *@param error 错误号 */ - (void)didFailToLocateUserWithEr ...

解决百度地图（new BMap.Autocomplete）影响input赋值的问题

解决百度地图（new BMap.Autocomplete）影响input赋值的问题相关推荐

最新文章

热门文章