老师,请问我这个问题是什么原因?

来源：4-3 地图搜索（3）

weibo_执著的弧线_0

2019-10-19 09:12:40

问题:

Uncaught TypeError: Cannot read property 'length' of undefined无法获取数据长度
无法实现跳转到点击目的地

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>地图搜索</title>
   <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=fa587136f2f835dda3a721ac96f1274e&plugin=AMap.Autocomplete"></script>
   <style type="text/css">
      *{margin: 0;padding: 0;}
      #content{
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;}
      #setCenterNode{
         width: 200px;
         height: 300px;
         position: absolute;
         top: 20px;
         right: 20px;
         z-index: 3;
         background: #fff;
      }
      ul{
         list-style: none;
      }
      #ulNode li{
         cursor: pointer;
      }
   </style>
</head>
<body>
<div id="content">
   <div id="setCenterNode">
      <input type="text" id="searchText">
      <ul id="ulNode"></ul>
   </div>
</div>
<script type="text/javascript">
   var map = new AMap.Map('content',{
      center:[113.232326,23.065069],
      zoom:14
 })
   //获取输入框文字
 var searchText = document.getElementById('searchText'),
      //获取无序列表
 ulNode = document.getElementById('ulNode');

   new AMap.Autocomplete({input:'searchText'});
   new AMap.Autocomplete().search(this.value,function (status,data) {
      //data数据在tips数组中
 console.log(data.tips);
      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.Q = data.tips[i].location.Q;
         ulNode.appendChild(oLi);
         oLi.onclick = function () {
            map.setCenter([Number(this.Q),Number(this.P)]);
         };
      }

   });
</script>
</body>
</html>

写回答

1回答