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~