这样可以吗

来源:4-7 自由编程

unbreakable_全栈

2020-12-27 12:29:31

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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


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

      * {

         margin0;

         padding0;

         list-stylenone;

      }


      #container {

         width100%;

         height100%;

         positionabsolute;

         left0;

         top0;

      }


      #setZoomNode,

      #setCenterNode {

         width280px;

         height500px;

         positionabsolute;

         z-index99;

         right20px;

         top20px;

         border1px solid black;

         box-shadow0 0 5px black;

         backgroundwhite;

      }


      #setCenterNode {

         top20px;

      }


      #node li {

         cursorpointer;

      }

   </style>

</head>


<body>

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

   <div id='setCenterNode'>

      <input type="" name="" id='searchText'>

      <ul id='node'></ul>

   </div>



   <script type="text/javascript">

      var map = new AMap.Map('container');

      var searchNode = new AMap.Autocomplete({

         input: 'searchText'

      })

      AMap.event.addListener(searchNode'select'function (e) {

         AMap.service(['AMap.PlaceSearch'], function () {

            new AMap.PlaceSearch({

               pageSize: 5,

               pageIndex:1,

               city: '010',

               citylimit: true,

               map: map// 展示在哪个地图里

               panel: 'node' // 放在哪个元素下

            }).search(searchText.value)

         })

      })

   </script>

</body>


</html>


写回答

1回答

好帮手慕星星

2020-12-27

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 6815 问题

查看课程