请老师检查一下
来源:4-7 自由编程
weixin_慕先生7015352
2020-10-21 14:48:53
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>练习</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce32bba4e74c48d6bc07087c757d66c2&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style>
*{
margin:0;
padding:0;
}
#container {
width:100%;
height: 100%;
position:absolute;
left:0px;
top:0px;
}
#searchNode{
position:absolute;
left:20px;
top:20px;
width:300px;
}
#searchIpt{
height:20px;
width:296px;
}
#searchcontent{
position: absolute;
}
</style>
</head>
<body>
<div id="container"></div>
<div id="searchNode">
<input id="searchIpt"></input>
<div id="searchcontent"></div>
</div>
<script>
var map=new AMap.Map('container',{
zoom:10,
center:[116,40]
});
var searcnode=new AMap.Autocomplete({
input:'searchIpt'
});
var placesearch=new AMap.PlaceSearch({
map:map,
pageSize:5,
pageIndex:1,
panel:'searchcontent'
});
AMap.event.addListener(searcnode,'select',function(e){
placesearch.search(e.poi.name);
})
</script>
</body>
</html>
在这里输入代码,可通过选择【代码语言】突出显示
1回答
同学你好,代码实现正确。继续加油,祝学习愉快~
相似问题