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

bVzA3A

在百度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);

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/278856.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

adb 常用

adb抓日志命令:adb pull /data/log/android_logs 本地目录 构造大文件:adb shell dd if/dev/zero of/mnt/sdcard/bigfile adb shell pm list package 查看所有包 adb shell pm path packageName 查看包名路径 adb uninstall packageName 卸载应用 …

html 替代table,Iframe的缺点,div或者table成为替代者

1、在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时,它们只看到框架而无法找到链接,因此它们会以为该网站是个死站点,并且很快转身离去。对一个网站来说这无异于一场灾难…

uac2.0驱动_关闭Vista中令人讨厌的HP驱动程序UAC弹出更新检查

uac2.0驱动If you are using Vista and have an HP printer, especially of the All-In-One variety, you’ve probably noticed that once a week or so you get this obnoxious User Account Control popup dialog out of the blue asking for permission to run some Hewlet…

一 流程控制之if判断

既然我们编程的目的是为了控制计算机能够像人脑一样工作,那么人脑能做什么,就需要程序中有相应的机制去模拟。人脑无非是数学运算和逻辑运算,对于逻辑运算,即人根据外部条件的变化而做出不同的反映,比如: 1 如果&#…

nodejs 30行代码 爬豆瓣电影数据

##用nodejs 写爬虫 关键模块:cheerio、http,request。 consonl.log() 出来的数据 首先安装相关的模块: //我用了某宝的镜像安装 原来是 npm,-g 可以根据自己情况是全局按装还是局域安装 cnpm install -g jquerycnpm install -g cheerioc…

html5结构与表现分离原则,网页简单布局之结构与表现原则分享

一般来说html结构 css表现 javascrip行为,网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析。结构与表现相关内容简介html结构 css表现…

如何在Firefox 3中重新启用about:config警告消息

If you’ve spent any time tweaking Firefox 3, you’ve probably seen the warning message telling you that you probably shouldn’t be changing any settings. Thankfully you can remove the checkbox and make the message go away… but what if you wanted it back?…

iaas层次化结构--从业务需求到设计需求

转载于:https://www.cnblogs.com/anc-ox/p/10004571.html

清华经管计算机金融专业,非量化背景拿下MIT MFin的清华经管学姐,详解MIT金融项目优劣和职业方向...

学员背景清华大学 经管学院主要获录Offer麻省理工大学金融硕士MIT MFin哥伦比亚大学公共管理硕士Columbia MPA来自清华经管F学姐,以非量化背景成功斩获MIT金融和哥大MPA项目。她与大家分享了MIT金融项目的特色、优劣势、录取信息和未来的职业方向,同时也…

保存页面供以后使用Firefox的阅读列表扩展

I spend an enormous amount of time browsing the web looking for new ideas to write about, so one of the biggest problems for me is tagging articles for more careful reading later. Also, I’m sure any moment I’m going to reach a page that says “You’ve re…

使用EHCache需要注意的几个问题(转)

最近做一个小项目,需要对一批数据进行缓存,且要求持久化到磁盘。使用ehcache非常简单和直观,一般来说只需要配置ehcache.xml文件,接着直接使用Cacheable, Cacheput, CacheEvict即可。 三个注解的意思也很简单,这里就不…

MySQL的常见存储引擎介绍与参数设置调优(转载)

原文地址:http://www.cnblogs.com/demon89/p/8490229.htmlMySQL常用存储引擎之MyISAM特性:1、并发性与锁级别2、表损坏修复check table tablenamerepair table tablename3、MyISAM表支持的索引类型①、全文索引②、前缀索引4、MyISAM表支持数据压缩myisa…

计算机网络udp实验时间戳请求报文与应答报文的表格填写,自考计算机网络管理历年(2007.1-2013.1)试题及答案(标有页码)...

33.假设某RMON MONTIOR矩阵组的matrixSDTable和matrixDSTable的内容如下表1和表2所示。表1. matrixSDTbalematirxSDSourceAddress matrixSDDestAddress matrixSDPkts m,atrixSDOctests matrixSDError 008000AB1258 00A0C5BA9C02 1274 1697133 11 ……………表2. matrixDSTablem…

如何在Twitter上阻止令人讨厌的“今日热门新闻@yourname”垃圾邮件

Lately I’ve noticed an annoying trend on Twitter—people constantly spamming your replies feed with these posts saying that you were the top story on somebody’s feed. Very irritating, but here’s how to get rid of it. 最近,我注意到Twitter上有一…

蕾丝的选购和保养秘诀

维秘柔情内裤性感/舒适/健康/透气 复制代码 维秘柔情不仅仅是商品质材料和考究的设计,更是一个坚守生活美学的理念,总有一款维秘柔情告诉你的身体密码。从此之前所用,皆为将就。从此之前所见,皆为平常。 在内裤不再是遮掩的这个时…

Python -bs4介绍

https://cuiqingcai.com/1319.html Python -BS4详细介绍Python 在处理html方面有很多的优势,一般情况下是要先学习正则表达式的.在应用过程中有很多模块是非常方便的,先尝试使用BeautifulSoup和Urllib进行网页的处理,仅供学习.首先列举所需要导入的模块:from bs4 import Beauti…

广东工业大学计算机学院书记,计算机学院召开2018年工作总结大会

单 位:计算机学院2019年1月8日上午,计算机学院在工学一号馆216会议室召开了学年工作总结大会。会议由学院陈平华副院长主持。会上,郭维喜书记对过去一学年学院各项工作给予了肯定,并从党的建设、意识形态工作、思想宣传工作、师德…

Numpy的常用方法

NumPy是用Python进行科学计算的基本软件包。它包含以下内容: 一个强大的N维数组对象复杂的(广播)功能用于集成C / C 和Fortran代码的工具有用的线性代数,傅里叶变换和随机数能力除了明显的科学用途外,NumPy还可以用作通…

vista任务栏透明_增加Windows Vista任务栏预览大小的赏金(付费!)

vista任务栏透明Ever since Windows Vista came out, I’ve been trying to figure out how to increase the size of the tiny Windows Vista taskbar preview windows. I’ve scoured the registry, used process monitor to try and find hidden registry keys, and looked …

Netty原理分析

Netty是一个高性能、异步事件驱动的NIO框架,它提供了对TCP、UDP和文件传输的支持,作为一个异步NIO框架,Netty的所有IO操作都是异步非阻塞的,通过Future-Listener机制,用户可以方便的主动获取或者通过通知机制获得IO操作…