请老师帮忙检查看一下哪里还需要优化
来源：4-7 自由编程
慕盖茨Bowring
2020-02-14 23:35:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>高德地图demo4-7作业</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=0a1ab60ea94fac96799797dd87fa2f39&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style type="text/css">
#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.layerNode{width: 300px;position: absolute;left: 20px;top: 20px;z-index: 99;background: #fff;border: 1px solid #000;box-shadow: 0 0 5px #000;}
#searchIpt{width: 98%;height: 40px;}
#contentNode{width: 98%;}
</style>
</head>
<body>
<div id="container"></div>
<div class="layerNode">
<input type="text" name="" id="searchIpt">
<div id="contentNode"></div>
</div>
<script type="text/javascript">
var myMap = new AMap.Map('container',{});
var searchNode = new AMap.Autocomplete({
input:'searchIpt'
})
var placeSearch = new AMap.PlaceSearch({
map:myMap,
pageSize:5,
pageIndex:1,
panel:'contentNode'
})
AMap.event.addListener(searchNode,'select',function (e) {
placeSearch.search(e.poi.name);
})
</script>
</body>
</html>
1回答
-
同学你好，代码实现的是正确的，可以把搜索块的样式调一下：
可以让右侧对齐，参考：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 2
回答 1
回答 2
回答 1
回答 1