老师看一下哪里错了
来源:4-4 地图搜索与poi结合(1)
慕仰8079247
2020-01-18 09:24:22
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10db3b0b6eb1ab64619e&plugin=AMap.Autocomplete"></script>
<style type="text/css">
*{
margin: 0;padding: 0;
list-style:none;
}
#container{
width: 100%;height: 100%;
position: absolute;
left: 0;top: 0;
}
#searchView{
width: 350px;
height:400px;
z-index: 99;
left: 20px;top: 20px;
border: 1px solid black;
box-shadow: 0 0 5px black;
background: white;
}
</style>
</head>
<body>
<div id='container'></div>
<div id="searchView">
<input type="text" value="" name="" id="searchText>
<ul id="node">
</ul>
</div>
<script type="text/javascript">
// 1.使用new AMap.Map()方法创建一个地图。
var map = new AMap.Map('container');
// 2.通过setBounds()方法设置地图显示范围为北京 ,参考坐标如下:
var myBounds = new AMap.Bounds([116.567542,39.997639],[116.22422,39.813285]);
/*AMap.plugin("AMap.Autocomplete",function(){
searchText.oninput=function(){
node.innerHTML="";
if(this.value==""){
return;
}*/
/*new AMap.Autocomplete().search(this.value,function(status,data){
for(var i=0; i<data.tips.length;i++)
{
var oLi=document.createElement("li");
oLi.innerHTML=data.tips[i].name;
oLi.P=data.tips[i].location.P;
oLi.R=data.tips[i].location.R;
node.appendChild(oLi);
oLi.onclick=function(){
map.setCenter([this.R,this.P]);
};
}
});
}
}); */
/*new AMap.Autocomplete({
input:'searchText'
});*/
AMap.service(['AMap.placeSearch'],function(){
new AMap.placeSearch({
city:'010',
map:map,
panel:'searchView'
}).search('电影院');});
/*new AMap.Autocomplete().search('北京',function(status,data){
console.log(data.tips);
});*/
</script>
</body>
</html>
1回答
好帮手慕慕子
2020-01-18
同学你好,PlaceSearch单词首字母没有大写,建议修改:
另,html标签属性少写了一个闭合引号,建议添加上,让代码更加规范
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题