老师,这里设置城市限制为什么无效?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#container {width:800px; height: 800px; margin:0 auto; z-index:1; position:relative;}
.box{width:200px; z-index:100; position: absolute; left:10px; top:20px;}
#searchtext{width:200px; border:1px solid red; position: absolute; left:10px; top:80px; z-index:100;}
</style>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=3a298a1ee7f05d8312a666dbcdf33fb2&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
</head>
<body>
<div id="container">
<div class="box">
<input id="inp" type="text"/>
<button id="btn">搜索</button>
</div>
<div id="searchtext"></div>
</div>
<script type="text/javascript">
//搜索位置点击,地图跳到搜索地址
var mymap= new AMap.Map('container');
var search= new AMap.Autocomplete({
input:'inp'
});
var place=new AMap.PlaceSearch({
map:mymap, //搜索的地图地址
city:'430104', //城市编码
citylimit:true, //是否限制在设定的城内搜索
});
AMap.event.addListener(search,'select',function(e){ //search的信息被选中,则执行placeSearch.search();
console.log(e);
place.search(e.poi.name);
});
</script>
</body>
</html>
正在回答
同学你好, 你搜索后需要点击对应的地点,你搜的信息被选中之后才执行placeSearch.search哦
之后的结果显示
同学可以在测试一下哦
如果帮助到了你,欢迎采纳!
祝学习愉快~~~
我的是这个样子的,老师,已经按照你说的改了,没出来你的截图效果
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星