这样可以吗
来源:4-7 自由编程
unbreakable_全栈
2020-12-27 12:29:31
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<!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;
}
#setZoomNode,
#setCenterNode {
width: 280px;
height: 500px;
position: absolute;
z-index: 99;
right: 20px;
top: 20px;
border: 1px solid black;
box-shadow: 0 0 5px black;
background: white;
}
#setCenterNode {
top: 20px;
}
#node li {
cursor: pointer;
}
</style>
</head>
<body>
<div id="container"></div>
<div id='setCenterNode'>
<input type="" name="" id='searchText'>
<ul id='node'></ul>
</div>
<script type="text/javascript">
var map = new AMap.Map('container');
var searchNode = new AMap.Autocomplete({
input: 'searchText'
})
AMap.event.addListener(searchNode, 'select', function (e) {
AMap.service(['AMap.PlaceSearch'], function () {
new AMap.PlaceSearch({
pageSize: 5,
pageIndex:1,
city: '010',
citylimit: true,
map: map, // 展示在哪个地图里
panel: 'node' // 放在哪个元素下
}).search(searchText.value)
})
})
</script>
</body>
</html>
1回答
好帮手慕星星
2020-12-27
同学你好,代码实现效果很棒。继续加油,祝学习愉快!