博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用百度地图实现详细地址自动补全(补全bug''事件只能绑定到一个上的问题')...
阅读量:6884 次
发布时间:2019-06-27

本文共 1747 字,大约阅读时间需要 5 分钟。

    

  function G(id) {

    return document.getElementById(id);
  }

loadMapAutocomplete("suggestId","searchResultPanel");	loadMapAutocomplete("suggestIdshou","searchResultPanelshou");	function loadMapAutocomplete(suggestId, searchResultPanel) {    var checkValue;    Ac = new BMap.Autocomplete(    //建立一个自动完成的对象        {            "input": suggestId        , "location": "深圳"        });    Ac.addEventListener("onhighlight", function (e) {  //鼠标放在下拉列表上的事件        var str = "";        var _value = e.fromitem.value;        var value = "";        if (e.fromitem.index > -1) {            value = _value.province + _value.city + _value.district + _value.street + _value.business;        }        str = "FromItem
index = " + e.fromitem.index + "
value = " + value; value = ""; if (e.toitem.index > -1) { _value = e.toitem.value; value = _value.province + _value.city + _value.district + _value.street + _value.business; } str += "
ToItem
index = " + e.toitem.index + "
value = " + value; G(searchResultPanel).innerHTML = str; }); Ac.addEventListener("onconfirm", function (e) { //鼠标点击下拉列表后的事件 var _value = e.item.value; checkValue = _value.province + _value.city + _value.district + _value.street + _value.business; G(searchResultPanel).innerHTML = "onconfirm
index = " + e.item.index + "
myValue = " + checkValue; //model.LoadDiscAddress(_value.business); //model.LoadDiscFullAddress(checkValue); setPlace(model); });

  

请填写正确的信息

 

   
    
  

请填写正确的信息

 t解决了同一个页面中调用两次这个百度api方法

 

转载于:https://www.cnblogs.com/fjkgrbk/p/Autocomplete.html

你可能感兴趣的文章
关于redis,学会这8点就够了
查看>>
阿里小二的日常工作要被TA们“接管”了!
查看>>
权限框架Shiro学习之表结构设计
查看>>
Nginx 服务器之速率限制
查看>>
JavaScript实现多态和继承的封装操作示例
查看>>
大数据平台开发公司有哪些?
查看>>
用vs运行cmake后的工程
查看>>
1.1 函数定义 1.2 函数的参数 1.3 函数的默认参数
查看>>
不学无数——Java动态代理
查看>>
如何使用手机、家庭宽带作为爬虫的代理服务器
查看>>
Python黑客攻击的几种技术,你得了解一下
查看>>
你真的懂了redis的数据结构吗?redis内部数据结构和外部数据结构揭秘
查看>>
Ubuntu10.04LTS配置Hadoop1.0.1+HBase 0.92.0
查看>>
ST教学分析:相同行为连续数
查看>>
status2 转义输出
查看>>
[清华集训2016]如何优雅地求和——NTT
查看>>
JavaScript 原型链例子讲解
查看>>
书摘---创业36条军规7:业务的五个问题
查看>>
Linux学习-第三节课
查看>>
activemq搭建和使用
查看>>