在百度API的输入框中怎么根据搜索到的地址获取百度的uid

body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;}

#l-map{height:300px;width:100%;}

#r-result{width:100%;}

关键字输入提示词条

请输入:

// 百度地图API功能

function G(id) {

return document.getElementById(id);

}

var map = new BMap.Map("l-map"); // 初始化地图,设置城市和地图级别。

map.centerAndZoom('杭州',12);

map.addControl(new BMap.MapTypeControl()); //添加地图类型控件

map.setCurrentCity("杭州"); // 设置地图显示的城市 此项是必须设置的

map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

var ac = new BMap.Autocomplete( //建立一个自动完成的对象

{"input" : "suggestId"

,"location" : map

});

ac.addEventListener("onhighlight", function(e) { //鼠标放在下拉列表上的事件

//console.log(e.fromitem);

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;

});

var myValue;

ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件

console.log(e);

var _value = e.item.value;

myValue = _value.province + _value.city + _value.district + _value.street + _value.business;

G("searchResultPanel").innerHTML ="onconfirm
index = " + e.item.index + "
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);

}

map.addEventListener("click",function(e){

map.clearOverlays();

var marker = new BMap.Marker(new BMap.Point(e.point.lng,e.point.lat));

//markers.push(marker);

map.addOverlay(marker);

});

html中怎么获取搜索框中的值,百度API 搜索框,获取相应的地点的uid相关推荐

  1. Python:批量增强图片清晰度 ——基于百度API,含获取的AK、 SK的流程,access_token的获取流程,以及生成.exe文件

    Python:批量增强图片清晰度 --基于百度API,含获取的AK. SK的流程,access_token的获取流程,以及生成.exe文件 最近需要提高一些图片的清晰度,但一张张的去弄太费时间了,所以 ...

  2. html百度天气api,百度API 免费接口获取天气预报

    百度API 免费接口获取天气预报 发布时间:2020-08-06 05:38:12 来源:51CTO 阅读:4726 作者:大大果 Document #result{width: 800px;bord ...

  3. JAVA ajax搜索框_JS+Ajax实现百度智能搜索框

    首先浏览实现后的结果,输入一个a之后会出现包含a的下拉列表,当我们点击某一个的时候,搜索框中就会出现点击的值.实现所需要的主要是ajax+js. 前端search.jsp pageEncoding=& ...

  4. html文本框设置默认值,HTML input文本框设置和移除默认值

    这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: οnfοcus='if(this. ...

  5. html页面获取get传递过来的值,在HTML中用js获取通过GET、POST方法(就是在网址后加?a=bc=d之类)传过来的表单值...

    //获取指定form中的所有的对象 function getElements(formId) { var form = document.getElementById(formId); var ele ...

  6. 百度api:根据经纬度获取地理位置信息

    调用百度api,根据经度和纬度获取地理位置信息,返回Json. C#代码: using Newtonsoft.Json; using Newtonsoft.Json.Linq; using Syste ...

  7. php查询google pr值接口api介绍,php获取网站谷歌pr值方法

    利用php获取网站的谷歌pr值,网址请求谷歌api的URL地址为: 点击上面这个网址你就可以免费看到本站的谷歌pr值了. 其中www.phpernote.com为域名,ch参数为hash域名得到的值, ...

  8. python更改数据框指定位置的数据_python-如何使用来自另一个数据框的新值更新pyspark数据框?...

    我有两个Spark数据框: 数据框A: |col_1 | col_2 | ... | col_n | |val_1 | val_2 | ... | val_n | 和数据框B: |col_1 | co ...

  9. html下拉框设置默认值_html下拉框怎么设置默认值

    匿名用户 1级 2016-11-16 回答 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = "sel" & ...

最新文章

  1. Jmeter使用之:高效组织接口自动化用例技巧
  2. Apache的详细安装教程和遇到的问题解决方案
  3. 怎么样让自己更加从容的面对生活
  4. Java枚举enum以及应用:枚举实现单例模式
  5. Apache Ranger插件的美丽简洁
  6. 工作75::一直报404
  7. linux的i o模型,I/O模型的分类及简介
  8. 【Elasticsearch】用ElasticSearch实现基于标签的兴趣推荐
  9. 思科路由器与windows建立L2L ipsec×××
  10. [C++] 头文件中的#ifndef,#define,#endif以及#pragma用法
  11. 【Qt教程】2.2 - Qt5 布局管理器(水平、垂直、栅格布局)、弹簧、设计一个登陆界面
  12. 周围剃光头顶留长发型_?22岁亿万富翁凯莉登杂志,顶着5斤“鸟窝头”凹造型,绝代艳后...
  13. 2015过年之前计划
  14. mysql首字母排序,抛弃传统的php首字母排序
  15. 类ResourceBundle详解
  16. 很少人知道的无人机飞行原理
  17. 图片(img)alt属性标签怎么写
  18. word里面给公式自动编号
  19. STM32F401的PWM输出
  20. 前端HTML+CSS学习笔记

热门文章

  1. STM32 时钟系统
  2. 微服务负载均衡实现高可用_使用负载平衡实现大容量可用性
  3. 一份 2.5k star 的《React 开发思想纲领》
  4. PXC集群常见错误(一)
  5. 一张图理解buffer与cache
  6. OpenStack Nova计算服务管理(四)
  7. linux下配置samba服务器(以CentOS6.7为例)
  8. 王高利:Apache Httpd负载均衡Tomcat并实现Session Sticky和Session Cluster
  9. Javascript屏蔽鼠标的右键的两种方法。
  10. Java开发者为最急需IT技术人才