老师,我的代码没报错也没反应。我也找不出有什么毛病

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

js_Cz

2019-10-30 22:28:12

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="">

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e5defce83dba8635daca963d554fc5c3&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;}

        #setZoomNode,#setCenterNode{width: 280px;position: absolute;z-index: 99;right: 20px;top: 50px;border: 1px solid black;box-shadow: 0 0 5px black;background: white;}

        #setCenterNode{top: 50px;}

        #node li{cursor: pointer;}

        #searchNode{background: white;position: absolute;right: 20px;top: 20px;}

#LINode{width: 280px;height: 100px; background-color:white; position: absolute;right: 20px;top: 50px;}

    </style>

</head>

<body>

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

     <div id='searchNode'>

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

         <button id='btn'>搜索</button>


     </div>

     <div id="LINode">

     </div>



     <script>

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

      zoom:11,

      center:[114.9,32]

      });


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

     

      btn.onclick = function(){

      new AMap.PleaseSearch({

      pageSize:5,

                pageIndex:1,

      panel:LINode,

      map:map,

      citylimit:true,

      city:'010',

      }).search(searchIpt.value);

      }


     

      })

     














      // new AMap.Autocomplete({

      // input:'searchText'

      // })

     

     

      // AMap.plugin('AMap.Autocomplete',function(){


      // searchText.oninput = function(){

      // LINode.innerHTML = '';

      // if(this.value == ''){

      // return;

      // };

      // new AMap.Autocomplete().search(this.value,

      // function(status,data){


      // // for (var i = 0 ; i< data.tips.length ; i ++) {

      // // var MYli = document.createElement('li');

      // // MYli.innerHTML = data.tips[i].name;

      // // MYli.P = data.tips[i].location.P;

      // // MYli.R = data.tips[i].location.R;

      // // LINode.appendChild(MYli);

      // // MYli.onclick = function(){

      //   //                    map.setCenter([this.R,this.P]);

      //   //                 };

      // // }

      // 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;

      //                   LINode.appendChild(oLi);

      //                   oLi.onclick = function(){

      //                      // console.log(this.P,this.R)

      //                      myMap.setCenter([this.R,this.P]);

      //                   };

      //            }

      // })

     

      // }

      // })

     </script>

</body>

</html>


写回答

2回答

好帮手慕言

2019-10-31

同学你好,有几处单词拼写错误,正确书写如下

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

同学可以修改后再测试下。

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

0

好帮手慕糖

2019-10-31

同学你好,1、如下,单词书写错误,应该是PlaceSearch

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

2、同学设置的是myMap,所以使用的时候,也应该是myMap哦。例:

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

希望能帮助到你,欢迎采纳。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程