麻烦老师帮忙检查一下代码,谢谢~

来源:4-7 自由编程

慕粉2243585596

2020-10-03 15:41:27

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>自由编程2</title>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=925780f2c0e51ac1fd598ba3ca423cae&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script> 
	<style type="text/css">
		*{margin: 0;padding: 0;list-style: none;}
		#container{width: 100%;height: 100%;position: absolute;top: 0;left: 0}		
		#searchIpt{width: 250px;height: 30px;position: absolute;top: 20px;left: 10px;z-index: 9}
		#setCenterNode{width: 250px;position: absolute;left: 10px;top: 50px}
	</style>
</head>
<body>
	<div id="container"></div>
	<input type="text" id="searchIpt"/>
	<div id="setCenterNode"></div>
	<script type="text/javascript">
		var map=new AMap.Map("container");
		var searchNode=new AMap.Autocomplete({
			input:"searchIpt"
		})
		AMap.event.addListener(searchNode,'select',function(e){
			new AMap.PlaceSearch({
				pageSize:5,
				pageIndex:1,
				map:map,
				panel:'setCenterNode',
			}).search(e.poi.name);
		})
	</script>

</body>
</html>


写回答

1回答

好帮手慕星星

2020-10-07

同学你好,在输入的时候建议不显示上一次的搜索结果

http://img.mukewang.com/climg/5f7d89ce09427c4403170452.jpg

可以隐藏掉,参考

http://img.mukewang.com/climg/5f7d90eb0926356807620441.jpg

自己测试下,祝学习愉快!

0

0 学习 · 6815 问题

查看课程