请老师检查
来源:4-7 自由编程
浅浅199
2020-02-18 11:29:30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4-7</title>
<style>
*{ margin: 0; padding: 0; list-style: none;}
#container{ width: 100%; height: 100%; position: absolute;left: 0; top: 0;}
#setCenterNode{width: 280px; position: absolute; z-index: 99;right: 20px; top: 50px;border: 1px solid black; box-shadow: 0 0 5px black; background: white;}
#searchNode{width: 175px; height: 30px;background: white;position: absolute;top: 20px;right: 20px;}
</style>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=7675d4a47dfe34999663f05c6ebeefec&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
</head>
<body>
<div id="container"></div>
<div id="searchNode">
<input type="text" id="searchIpt">
</div>
<script>
var map = new AMap.Map('container',{
zoom:11,
center:[100.379391,30.861536]
});
var searchNode = new AMap.Autocomplete({
input:'searchIpt'
});
var placeSearch = new AMap.PlaceSearch({
pageSize:5,
pageIndex:1,
city:'010',
map:map
});
AMap.event.addListener(searchNode,'select',function(e){
placeSearch.search(e.poi.name);
});
</script>
</body>
</html>
1回答
好帮手慕粉
2020-02-18
同学你好,代码实现的是正确的,继续加油,祝学习愉快~
相似问题