请老师检查一下

来源:4-7 自由编程

weixin_慕先生7015352

2020-10-21 14:48:53

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"

    <title>练习</title>

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce32bba4e74c48d6bc07087c757d66c2&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script

    <style>

        *{

            margin:0;

            padding:0;

        }

        #container {

            width:100%;

             height100%;

             position:absolute;

             left:0px;

             top:0px;

        } 

        #searchNode{

            position:absolute;

            left:20px;

            top:20px;

            width:300px;

        }

        #searchIpt{

            height:20px;

            width:296px;

        }

        #searchcontent{


            positionabsolute;

        }

    </style>

</head>

<body>

    <div id="container"></div>

    <div id="searchNode">

        <input id="searchIpt"></input>

        <div id="searchcontent"></div>

    </div>


    <script>

        var map=new AMap.Map('container',{

            zoom:10,

            center:[116,40]

        });


        var searcnode=new AMap.Autocomplete({

            input:'searchIpt'

        });


        var placesearch=new AMap.PlaceSearch({

            map:map, 

            pageSize:5,

            pageIndex:1,

            panel:'searchcontent'

        });


        AMap.event.addListener(searcnode,'select',function(e){

            placesearch.search(e.poi.name);

        })


    </script>

</body>

</html>

在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕夭夭

2020-10-21

同学你好,代码实现正确。继续加油,祝学习愉快~

0

0 学习 · 6815 问题

查看课程