WebAPP开发与小程序之高德地图-2
来源:     阅读:455
云上智慧
发布于 2020-04-24 17:14
查看主页

小伙伴们,晚上好呀!开学的日子再次延迟,不知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~

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 系统环境 服务器应用
相关推荐
前台开发 CSS中你所不知道的伪类与伪元素的区别
面试官问我“Java中的锁有哪些?以及区别”,我跪了
每天一个 Linux 知识:ls 命令
MAC用nginx分发80至8080端口
如何提高网站搜索排名?11个免费Chrome SEO扩展插件来啦!
首页
搜索
订单
购物车
我的