老师，看下代码是否有问题

来源：4-7 自由编程

技术为王2383098363

2019-09-09 11:09:16

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key= 0950a23affd78399d00b0007d82f52ab&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script> 
<style type="text/css">
*{margin: 0;padding: 0;}
#container{
width: 100%;height: 100%;top: 0;left: 0;position: absolute;
}
input{
position: absolute;
top: 40px;
left: 40px;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
width:280px;
height: 30px;
border: none;
}
#searchpoi{
position: absolute;
width: 280px;
top: 72px;
left: 40px;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
background: #fff;
}

</style>
</head>
<body>
<div id="container"></div>
<input type="text" id="searchIpt">
<div id="searchpoi"></div>
<script type="text/javascript">
var map=new AMap.Map('container',{
zoom:11,
center:[116.322056,39.89491]
});

var searchNode=new AMap.Autocomplete({
input:'searchIpt'
});

var placeSearch=new AMap.PlaceSearch({
map:map,
pageSize:5,
pageIndex:1,
// city:'010',
panel:searchpoi
})

AMap.event.addListener(searchNode,'select',function(e) {
placeSearch.search(e.poi.name)
})


</script>

</body>
</html>

写回答

1回答