百度地图动态显示查询结构
<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
百度地图动态显示查询结构相关推荐
- 根据两个经纬度点调用百度地图应用查询路线 适用android或者ios中及网页浏览(手机网页同样适用)
Intent intent = null;try {// 如果有安装百度地图 就启动百度地图StringBuffer sbs = new StringBuffer();sbs.append(" ...
- android百度地图路线查询,Android百度地图——路线规划搜索
百度地图提供的路线规划搜索有3种:驾车.公交.步行. 3中方式的使用方法类似,步骤如下: 1.初始化地图 /**初始化百度地图 * */ private void initBaiduMap(){ // ...
- 利用百度地图API查询任意两点间的车行距离、时间和通过的道路名称
最近做项目,领导让我分析一下某火车站的现状可达性.参考这两篇文章,我决定仿照来做一下. 链接: http://www.360doc.com/content/19/1102/23/32862047_87 ...
- 百度地图 地址查询经纬度 插件vue-baidu-map
效果 npm install vue-baidu-map --save 组件使用 <queryBaidu:visible.sync="visible1"v-if=" ...
- 百度地图坐标查询(真实坐标)
因为百度地图使用的是自己加密之后的坐标系,所以和网络上常用的WGS84坐标系有较大的偏差,不过百度地图API有现成的转换方法直接用就是,代码如下 1.添加坐标查询方法 theLocation(){if ...
- 通过百度地图模糊查询获取详细地址?正则匹配
要求:获取地址的详情? 地图:百度地图 准备:你的AK(地址:http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5),只需要注册申请就可 ...
- android百度地图 模糊查询,百度地图,自动获取定位,拖拽获取地点,模糊查询获取当前位置...
先看下效果图,因为没有美化,只是做一下功能. 完整代码如下 百度地图的定位 input{border:1px solid #dddee1;border-radius:5px;height:30px; ...
- 百度地图 ip查询 service
官方文档:http://developer.baidu.com/map/wiki/index.php?title=webapi/ip-api 请求 一个例子: http://api.map.baidu ...
- Python爬虫安居客房价信息(并利用百度地图API查询坐标)
向AI转型的程序员都关注了这个号
最新文章
- 卷积神经网络的实际意义
- python3 通过 pybind11 使用Eigen加速
- 排除网络故障课后习题参考答案
- 配置安全域名https申请免费证书并配置nginx运行环境
- POJ - 3257 Cow Roller Coaster (背包)
- 如何安全地迁移到Exchange 2003?
- vue 上次登录时间_vue实现登录之后长时间未操作,退出登录
- Java-虚拟机-局部变量表
- centos 常用的网络登录端口测试工具
- 武汉大学计算机学院成绩单,2018年武汉大学各学院总评成绩计算公式汇总
- 数学家吴文俊批判“中国式奥数”:害人害数学
- 宝宝出现这些突发状况!你会处理吗?
- 铁路一线工人春运备战实录:深夜里的“钢铁工匠”
- C# 中的委托和事件1
- 2017免费发布信息平台排行大全!
- 节能与环保杂志节能与环保杂志社节能与环保编辑部2023年第2期目录
- python 中的File
- Severance:BoD[官方英文版][资源收集分享]
- CQYZ Online Judge P2995 萨鲁曼的大军(c++)
- SMBIOS介绍(2):结构表
热门文章
- python matpoltlib绘制动态图_使用Python、Geopandas和Matplotlib制作gif动态
- python偶数分解成两个素数之和_偶数 2021218918 ,有多少种方法分解成两个素数之和?...
- 计算机安全加固自动检查,Windows主机安全加固检查列表.doc
- webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
- php 邮箱开发教程,php开发中表单验证邮箱及URL的教程
- Java1.7之后Arrays.sort对数组排序DualPivotQuicksort.sort
- android创建构建方法,Android 应用程序构建实战+原理精讲
- php授权验证系统 c,OAuth 2.0 授权码认证
- linux下将多个文件去除文件头合并_命令行生存指南:拆分与合并 | Linux 中国
- 【OpenCV 例程200篇】31. 图像金字塔(cv2.pyrDown)