老师,这里设置城市限制为什么无效?

老师,这里设置城市限制为什么无效?

<!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>

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好, 你搜索后需要点击对应的地点,你搜的信息被选中之后才执行placeSearch.search哦

http://img1.sycdn.imooc.com//climg/5cf8ecc4000194e809730559.jpg

之后的结果显示

http://img1.sycdn.imooc.com//climg/5cf8ecf30001e4b104160358.jpg

同学可以在测试一下哦

如果帮助到了你,欢迎采纳!

祝学习愉快~~~


提问者 weixin_慕设计6449438 2019-06-06 18:20:59

我的是这个样子的,老师,已经按照你说的改了,没出来你的截图效果

http://img1.sycdn.imooc.com//climg/5cf8e8c50001a15c10140620.jpg

好帮手慕慕子 2019-06-06 18:01:20

同学你好, 你设置的430104表示长沙市的岳麓区, 这里的限制城市是表示在你设置的城市周围进行搜索。

老师这里测试输入清水塘会在岳麓区周围搜索,如下图所示,也是可以显示的。不明白同学说的超出长沙这个范围是什么意思呢

http://img1.sycdn.imooc.com//climg/5cf8e3ee00013c3707830568.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

好帮手慕慕子 2019-06-06 17:37:07

同学你好,因为你没有设置panel属性, 限制搜索的结果无法显示出来,建议修改:

http://img1.sycdn.imooc.com//climg/5cf8de4e0001284d07850221.jpg

测试结果

http://img1.sycdn.imooc.com//climg/5cf8de90000197a908040800.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


  • 老师,我输入:清水塘,还是会超出长沙这个搜索范围,即超出了我代码里限制的城市和省份,为什么?
    2019-06-06 17:48:05
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师