老师看一下哪里错了

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

慕仰8079247

2020-01-19 16:29:37

<!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({
            pageSize:5,
            pageIndex:3,
            city:'010',
            map:map,
            panel:'searchView'
        }).search(searchIpt.value);
        
     }
       

       });*/
    var searchNode=new AMap.Autocomplete({
        input:'searchIpt'
    });
    var placeSearch=new AMap.PlaceSearch({
        map:map
    });
    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-19

同学你好,老师这边测试没有 报错,可以正常搜索。如下图所示:

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

建议同学再重新测试一下哦。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程