老师看一下有什么地方需要优化的嘛
来源：4-7 自由编程
qq_慕瓜7049344
2020-08-13 15:41:51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
#container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#setCenterNode {
width: 200px;
/* height: 500px; */
position: absolute;
top: 50px;
left: 5px;
background-color: white;
/* border: 1px solid black; */
/* overflow: auto; */
}
li {
cursor: pointer;
}
#searchNode{
width: 210px;
height: 20px;
position: absolute;
top: 31px;
left: 15px;
background-color: white;
}
</style>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2617d7539add945232071d65fe19a4f0&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<script src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="container"></div>
<div id="searchNode">
<input type="" id="searchinput">
<button id="searchButton">搜索</button>
</div>
<div id="setCenterNode">
<!-- <input type="" id="searchNode">
<ul id="uli"></ul> -->
</div>
<script>
var map = new AMap.Map('container', {
zoom: 11, //初始化地图的显示级别
center: [100.379391, 30.861536] //初始化地图中心点
});
var searchNode = new AMap.Autocomplete({
input:searchinput
})
var placeSearch = new AMap.PlaceSearch({
map:map,
pageSize:3,
panel:'setCenterNode'
});
//监听事件 当下拉菜单发生变化的时候触发
AMap.event.addListener(searchNode,'select',function(e){
console.log(e);
setCenterNode.style.display='block';
placeSearch.search(e.poi.name)
});
//当搜索框内容发生变化的时候
searchinput.oninput= function(){
setCenterNode.style.display='none';
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-13
同学你好，搜索的内容默认应该显示第一页。测试第一次搜索中点击到了第三页，第二次搜索的时候显示是从第三页开始，与预期效果不符。
建议：将搜索的设置添加在下拉菜单变化中，并且设置默认页数为1
自己再测试下，祝学习愉快！
0
相似问题
回答 2
回答 2
回答 1
回答 1
回答 1