android开发 百度地图 定位+搜索周边+点击兴趣点+显示旗袍,高德地图API之地图搜索+兴趣点POI+标记点操作...

使用AMap.Autocomplete() 自动补全插件，实现搜索功能

metacharset="UTF-8"title>map

style>*{margin:0;padding}#containerwidth100%height100%topleftpositionabsolute; #setZoomNode400pxheight100pxbackground-color#fffborder1px solidbox-shadow0 0 5px #00020pxright}

bodydivid="container"div="setZoomNode">鼠标点击的经纬度：span="xy"span>

>

varmap=newAMap.Map("container);//加载AMap.Autocomplete自动补全插件

AMap.plugin(AMap.Autocomplete,function(){

console.log(插件加载完成);使用插件的搜索功能

AMap.Autocomplete().search(宁波(status,data){

console.log(data);

})

})>

html>

使用自动补全搜索，并展示出来。点击后可以定位

list-stylenone200px500px#node licursorpointer>

input="text"id="txt"ul="node"ul(){console.log("插件加载完成");

txt.oninput(){

node.innerHTML"";console.log(this.value);//输入框中的文本

if(this.value==)return使用插件的搜索功能

.value,data){fori;i

oli.innerHTMLdata.tips[i].name;将坐标赋值给属性

oli.rdata.tips[i].location.R;

oli.qdata.tips[i].location.Q;

node.appendChild(oli);oli点击事件

oli.onclick(){