老师看一下哪里错了为什么搜不出东西出来

来源:4-8 地图搜索与poi结合(4)

慕仰8079247

2020-01-20 07:56:18

 

<!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,AMap.PlaceSearch"></script>
    <style type="text/css">
        *{
            margin: 0;padding: 0;
            list-style:none;
        }
        #container{
            width: 100%;height: 100%;

            position: absolute;
            left: 0;top: 0;
        }
        #searchView{
            width: 350px;
            position:absolute;
            z-index: 99;
            right: 20px;top: 50px;
            border: 1px solid black;
            box-shadow: 0 0 5px black;
            background: white;
        }
        #searchNode{
            width:280px;
            height:30px;
            background:white;
          position:absolute;right:20px;
          top:20px;  
        }
    </style>
</head>
<body>
    <div id='container'></div>
   <div id="searchNode">
<input type="" name="" id="searchIpt">
<button id="btn">搜索</button>
</div>

    <div id="searchView">

        <!-- <input type="text" value="" name="" id="searchText">
        <ul id="node">
            
        </ul> -->
    </div>
    <script type="text/javascript">
        var btn=document.getElementById('btn');
        // 1.使用new AMap.Map()方法创建一个地图。
        var map = new AMap.Map('container');
        // 2.通过setBounds()方法设置地图显示范围为北京 ,参考坐标如下:
        var myBounds = new AMap.Bounds([116.567542,39.997639],[116.22422,39.813285]);
        
    AMap.service(['AMap.PlaceSearch'],function(){
        btn.onclick=function(){
 new AMap.PlaceSearch({
    type:'餐饮',
            pageSize:5,
            pageIndex:3,
            city:'010',
            citylimit:true,
            map:map,
            panel:'searchView'
        }).searchNearBy('',[116.379391,39.861536],1000,function(){

        });
        
     }
       

       });
  /*  var searchNode=new AMap.Autocomplete({
        input:'searchIpt'
    });
    var placeSearch=new AMap.PlaceSearch({
       pageSize:5,
            pageIndex:3,
          
            map:map,
            panel:'searchView'
    });
    AMap.event.addListener(
        searchNode,'select',function(e){
            placeSearch.search(e.poi.name)
        });*/

/*new AMap.Autocomplete().search('北京',function(status,data){
    console.log(data.tips);
});*/
    </script>
</body>
</html>

写回答

1回答

好帮手慕夭夭

2020-01-20

同学你好,根据你提供的代码,老师这边测试是可以搜索的,如下:

http://img.mukewang.com/climg/5e250b64099a66ea12750598.jpg

建议同学使用谷歌浏览器重新测试一下哦。祝学习愉快~


0

0 学习 · 6815 问题

查看课程