WebAPP开发与小程序之高德地图-2

小伙伴们，晚上好呀！开学的日子再次推迟，不知3月16号能不能返校，毕竟毕业的事一想一大堆，不光自己给自己的压力，来自父母的期望，最烦人的就是学校的压力，有空就统计就业情况，发布就业创业什么就业测评啦，就业指导网课啦~如下图

我只能微笑^_^

请问收看指导课程你就能拿到offer了吗？请问测评一下你就知道哪个公司招人吗？有那个时间还不如多投简历，多看公司信息，哎呀，不能说，我要上头了。

因为疫情，工作的事没尘埃落定，毕设和论文查重率降到3%，我……我不能想，一想就脑壳儿疼，一步一步一步一步的来～我是这样稳住自己的，车到山前必有路，情绪能调节的住就不能崩溃。哎呀呀呀，不能唠了。

该切入正题了，昨天讲了前两章地图的应用和它的属性应用，今儿来说它的常用操作，比如，地图搜索、添加标记、缩放地图比例、路线指定等，那就开始第三章的内容闯关吧

第三章      地图的搜索

a.  输入提示

这个有点类似于百度，输入一个内容就有下拉选项，地图也一样也有提示。

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

<div id="setCenterNode">

        <input type="text" id="searchText">

</div>

<script>

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

            zoom:10, 

            center:[120,30]   

        });

// 加载插件 Autocomplete 指地图加载完毕之后会触发的回调函数

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

    searchText.oninput = function(){

        // console.log(this.value);

        // this.value 是我们输入的数据

        new AMap.Autocomplete().search(this.value,function(status,data){

                // console.log(data);

        )};

     };

});

</script>

然后就能搜索到想搜索的城市了。

今天耽误的时间长，我头有点蒙，明天要早起，我得撤了，明天我会按时接着更~

perfect

bye~