老师看一下哪里错了

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

慕仰8079247

2020-01-18 09:24:22

<!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;
        }
        #searchView{
            width: 350px;
            height:400px;
            z-index: 99;
            left: 20px;top: 20px;
            border: 1px solid black;
            box-shadow: 0 0 5px black;
            background: white;
        }
    </style>
</head>
<body>
    <div id='container'></div>
    <div id="searchView">
        <input type="text" value="" name="" id="searchText>
        <ul id="node">
            
        </ul>
    </div>
    <script type="text/javascript">
        // 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.plugin("AMap.Autocomplete",function(){
            searchText.oninput=function(){
                    node.innerHTML="";
                if(this.value==""){
        return;
    }*/
            
/*new AMap.Autocomplete().search(this.value,function(status,data){
    
    for(var i=0; i<data.tips.length;i++)
{
        var oLi=document.createElement("li");
        oLi.innerHTML=data.tips[i].name;
        oLi.P=data.tips[i].location.P;
        
        oLi.R=data.tips[i].location.R;
        node.appendChild(oLi);
        oLi.onclick=function(){
            map.setCenter([this.R,this.P]);
        };
                }
            });
}
            });    */        
    
    /*new AMap.Autocomplete({
    input:'searchText'    
    });*/
    AMap.service(['AMap.placeSearch'],function(){
        new AMap.placeSearch({
            city:'010',
            map:map,
            panel:'searchView'
        }).search('电影院');});
    
/*new AMap.Autocomplete().search('北京',function(status,data){
    console.log(data.tips);
});*/
    </script>
</body>
</html>

写回答

1回答

好帮手慕慕子

2020-01-18

同学你好,PlaceSearch单词首字母没有大写,建议修改:

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

另,html标签属性少写了一个闭合引号,建议添加上,让代码更加规范

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

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

0

0 学习 · 6815 问题

查看课程