<script type="text/javascript">// 百度地图API功能
    function G(id) {return document.getElementById(id);}var map = new BMap.Map("l-map");map.centerAndZoom("北京",12);                   // 初始化地图,设置城市和地图级别。var ac = new BMap.Autocomplete(    //建立一个自动完成的对象{"input" : "suggestId","location" : map});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<br />index = " + e.fromitem.index + "<br />value = " + value;value = "";if (e.toitem.index > -1) {_value = e.toitem.value;value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;}    str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;G("searchResultPanel").innerHTML = str;});var myValue;ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件var _value = e.item.value;myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;setPlace();});function setPlace(){map.clearOverlays();    //清除地图上所有覆盖物
        function myFun(){var pp = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果map.centerAndZoom(pp, 18);map.addOverlay(new BMap.Marker(pp));    //添加标注
        }var local = new BMap.LocalSearch(map, { //智能搜索
          onSearchComplete: myFun});local.search(myValue);}
</script>

转载于:https://www.cnblogs.com/LoveHe/p/4454132.html

百度地图动态显示查询结构相关推荐

  1. 根据两个经纬度点调用百度地图应用查询路线 适用android或者ios中及网页浏览(手机网页同样适用)

    Intent intent = null;try {// 如果有安装百度地图 就启动百度地图StringBuffer sbs = new StringBuffer();sbs.append(" ...

  2. android百度地图路线查询,Android百度地图——路线规划搜索

    百度地图提供的路线规划搜索有3种:驾车.公交.步行. 3中方式的使用方法类似,步骤如下: 1.初始化地图 /**初始化百度地图 * */ private void initBaiduMap(){ // ...

  3. 利用百度地图API查询任意两点间的车行距离、时间和通过的道路名称

    最近做项目,领导让我分析一下某火车站的现状可达性.参考这两篇文章,我决定仿照来做一下. 链接: http://www.360doc.com/content/19/1102/23/32862047_87 ...

  4. 百度地图 地址查询经纬度 插件vue-baidu-map

    效果 npm install vue-baidu-map --save 组件使用 <queryBaidu:visible.sync="visible1"v-if=" ...

  5. 百度地图坐标查询(真实坐标)

    因为百度地图使用的是自己加密之后的坐标系,所以和网络上常用的WGS84坐标系有较大的偏差,不过百度地图API有现成的转换方法直接用就是,代码如下 1.添加坐标查询方法 theLocation(){if ...

  6. 通过百度地图模糊查询获取详细地址?正则匹配

    要求:获取地址的详情? 地图:百度地图 准备:你的AK(地址:http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5),只需要注册申请就可 ...

  7. android百度地图 模糊查询,百度地图,自动获取定位,拖拽获取地点,模糊查询获取当前位置...

    先看下效果图,因为没有美化,只是做一下功能. 完整代码如下 百度地图的定位 input{border:1px solid #dddee1;border-radius:5px;height:30px; ...

  8. 百度地图 ip查询 service

    官方文档:http://developer.baidu.com/map/wiki/index.php?title=webapi/ip-api 请求 一个例子: http://api.map.baidu ...

  9. Python爬虫安居客房价信息(并利用百度地图API查询坐标)

    向AI转型的程序员都关注了这个号

最新文章

  1. 卷积神经网络的实际意义
  2. python3 通过 pybind11 使用Eigen加速
  3. 排除网络故障课后习题参考答案
  4. 配置安全域名https申请免费证书并配置nginx运行环境
  5. POJ - 3257 Cow Roller Coaster (背包)
  6. 如何安全地迁移到Exchange 2003?
  7. vue 上次登录时间_vue实现登录之后长时间未操作,退出登录
  8. Java-虚拟机-局部变量表
  9. centos 常用的网络登录端口测试工具
  10. 武汉大学计算机学院成绩单,2018年武汉大学各学院总评成绩计算公式汇总
  11. 数学家吴文俊批判“中国式奥数”:害人害数学
  12. 宝宝出现这些突发状况!你会处理吗?
  13. 铁路一线工人春运备战实录:深夜里的“钢铁工匠”
  14. C# 中的委托和事件1
  15. 2017免费发布信息平台排行大全!
  16. 节能与环保杂志节能与环保杂志社节能与环保编辑部2023年第2期目录
  17. python 中的File
  18. Severance:BoD[官方英文版][资源收集分享]
  19. CQYZ Online Judge P2995 萨鲁曼的大军(c++)
  20. SMBIOS介绍(2):结构表

热门文章

  1. python matpoltlib绘制动态图_使用Python、Geopandas和Matplotlib制作gif动态
  2. python偶数分解成两个素数之和_偶数 2021218918 ,有多少种方法分解成两个素数之和?...
  3. 计算机安全加固自动检查,Windows主机安全加固检查列表.doc
  4. webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
  5. php 邮箱开发教程,php开发中表单验证邮箱及URL的教程
  6. Java1.7之后Arrays.sort对数组排序DualPivotQuicksort.sort
  7. android创建构建方法,Android 应用程序构建实战+原理精讲
  8. php授权验证系统 c,OAuth 2.0 授权码认证
  9. linux下将多个文件去除文件头合并_命令行生存指南:拆分与合并 | Linux 中国
  10. 【OpenCV 例程200篇】31. 图像金字塔(cv2.pyrDown)