老师看一下哪里错了
来源:4-6 地图搜索与poi结合(3)
慕仰8079247
2020-01-19 16:29:37
<!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,AMap.PlaceSearch"></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;
position:absolute;
z-index: 99;
right: 20px;top: 50px;
border: 1px solid black;
box-shadow: 0 0 5px black;
background: white;
}
#searchNode{
width:280px;
height:30px;
background:white;
position:absolute;right:20px;
top:20px;
}
</style>
</head>
<body>
<div id='container'></div>
<div id="searchNode">
<input type="" name="" id="searchIpt">
<button id="btn">搜索</button>
</div>
<div id="searchView">
<!-- <input type="text" value="" name="" id="searchText">
<ul id="node">
</ul> -->
</div>
<script type="text/javascript">
var btn=document.getElementById('btn');
// 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.service(['AMap.PlaceSearch'],function(){
btn.onclick=function(){
new AMap.PlaceSearch({
pageSize:5,
pageIndex:3,
city:'010',
map:map,
panel:'searchView'
}).search(searchIpt.value);
}
});*/
var searchNode=new AMap.Autocomplete({
input:'searchIpt'
});
var placeSearch=new AMap.PlaceSearch({
map:map
});
AMap.event.addListener(
searchNode,'select',function(e){
placeSearch.search(e.poi.name)
});
/*new AMap.Autocomplete().search('北京',function(status,data){
console.log(data.tips);
});*/
</script>
</body>
</html>
1回答
好帮手慕夭夭
2020-01-19
同学你好,老师这边测试没有 报错,可以正常搜索。如下图所示:
建议同学再重新测试一下哦。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题