请老师检查

来源: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

同学你好,代码实现的是正确的,继续加油,祝学习愉快~

0

0 学习 · 6815 问题

查看课程