为什么点击下拉层，地图不会跳转？
来源：4-3 地图搜索（3）
慕尼黑5122342
2019-12-03 21:22:32
<!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"></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: 200px;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',{
zoom:11, //初始的地图级别
center:[100.379391,30.861536] //初始化地图的中心点
});
new AMap.Autocomplete({
input:'searchText'
});
</script>
</body>
</html>
1回答
-
同学你好，因为你的代码中只设置了一个Autocomplete插件，这个插件的功能是输入提示，即输入内容下面会显示列表。点击其中的选项，要进行相关的搜索，需要结合其他的插件。建议同学继续往下学习，后面都会讲到的。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题