视频教程-Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例-JavaScript

article/2025/1/11 4:24:53

扫码下载「CSDN程序员学院APP」,1000+技术好课免费看

APP订阅课程,领取优惠,最少立减5元 ↓↓↓

订阅后:请点击此处观看视频课程

 

视频教程-Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例-JavaScript

学习有效期:永久观看

学习时长:608分钟

学习计划:11天

难度:

 

口碑讲师带队学习,让你的问题不过夜」

讲师姓名:刘建萍

技术总监/研发总监

讲师介绍:互联网编程行业10年开发和授课经验 曾任太极集团,外资企业等一线互联网python高级开发工程师 现任聚焦计算机技术有限公司项目组担任架构师及项目经理 精通:python/php/web前端开发技术以及unity3d游戏开发技术 教学观念:以案例为驱动来讲解知识点,让实战和理论真正实现相结合。

☛点击立即跟老师学习☚

 

「你将学到什么?」

本课程是一个理论和实战相结合的课程。通过本课程的学习,大家可以系统的学习高德地图各个接口如何在自己的项目中使用。以及如何进行扩展学习。并且通过一个综合的实战案例来巩固知识点以及积累项目经验。

主要内容如下:

  1. 如何到高德地图开发者平台注册账号以及申请权限

  2. 如何在自己的项目中引入高德地图的接口

  3. 对接常见的接口:定位

  4. 得到详细地址信息

  5. 在地图上添加点标记

  6. 添加信息窗体

  7. 路线的查询接口

  8. 周边搜索接口

  9. 通过仿美团/饿了吗案例开发移动APP来巩固高德地图接口的应用


 

「课程学习目录」

第1章:到高德地图开发者平台注册账号以及申请权限以及在项目中完成定位
1.到高德地图开发者平台注册账号以及了解所提供给程序员的参考教程
2.熟悉高德地图开发者平台提供的开发文档使用教程以及实例
3.讲解高德地图所提供的可以实现各种功能的API方法
4.创建项目并且引用高德地图提供的js文件以及创建地图对象和显示
5.创建地图对象了解map类的使用
6.学习AMap.map类的构造函数中的各个参数
7.指定要创建地图的中心点的经纬度的两种方式
8.学习LngLat类的使用以及加载定位的插件
9.讲解高德地图中两种加载插件的方法
10.继续讲解同步加载和异步加载插件的方法
11.通过异步的方式加载定位的插件以及调用定位的方法
12.讲解定位成功之后返回的参数:status和result
13.对定位成功之后返回的结果中的数据进行学习
第2章:获取用户的定位信息以及添加点标记和信息窗体
1.对前面已经讲过的知识点进行复习
2.继续复习前面讲过的知识点
3.详细的讲解定位成功获取省市区等信息的过程
4.获取定位成功之后用户的经纬度以及格式化的地址信息及分别省市区
5.得到用户的经纬度之后把地图的中心点定位到当前这个位置
6.创建一个demo来实现在地图中添加点标记的过程
7.讲解AMap.Maker点标记类的属性和方法
8.封装一个添加点标记的方法得到经纬度之后通过点标记在地图中标注
9.封装一个实现添加信息窗体的方法把用户地址信息显示在窗体中
10.给点标记添加点击事件显示信息窗体
第3章:实现商家周边搜索以及路线的查询
1.加载周边搜索的插件AMap.PlaceSearch
2.讲解AMap.PlaceSearch插件的属性和方法的使用
3.指定搜索商家的类型,页码,单页数量,经纬度以及搜索半径
4.讲解搜索结束之后返回的结果数据
5.讲解获取到搜索结果之后获取商家的信息列表:名称地址电话经纬度
6.讲解获取搜索结果之后商品的信息列表:名称地址电话经纬度等信息
7.封装一个实现周边搜索的方法
8.继续封装实现商家周边搜索的方法
9.以同步的方式加载路线查询的插件
10.实现公交路线,驾车路线,骑行路线,步行路线
11.实现公交路线的查询驾车路线的查询步行路线的查询
12.梳理要开发的综合案例的开发流程
第4章:综合开发仿美团/饿了吗案例中高德地图接口对接的功能
1.开始创建项目以及开发项目的注意事项
2.创建项目的大体框架:视图层和业务层
3.继续开发项目把项目的大体框架搭建好
4.实现用户的定位得到经纬度和城市名
5.把得到的用户的城市名显示到界面的指定标签中
6.把得到的用户的城市名显示到界面的指定标签中
7.给所有的兴趣点按钮添加点击事件以及切换样式(二)
8.给所有的兴趣点按钮添加点击事件以及切换样式(三)
9.点击不同的兴趣点调用获取周边商家信息的函数
10.点击兴趣点调用获取周边商家信息的函数(二)指定兴趣点和页码
11.把得到的商家信息渲染到界面中
12.把得到的商家信息渲染到界面中(二)
13.通过三元运算来实现不同商家不同属性的显示
14.通过三元运算来实现不同商家不同属性的显示(二)
15.通过三元运算来实现不同商家不同属性的显示(二)
16.完成商家信息列表的按需加载功能(二)
17.完成商家信息列表的按需加载功能(三)侦听滚动条滚动的事件
18.商家信息列表的按需加载功能(四)侦听滚动条滚动是否到达底部
19.商家信息列表的按需加载功能(五)到达底部继续获取商家列表
20.商家信息列表的按需加载功能(六)页码的增加
21.商家信息列表的按需加载功能(七)正确渲染数据到视图层
22.传递用户经纬度和商家经纬度到路线查询界面
23.在路线查询界面中解析出数据并且开始创建地图对象加载路线插件
24.添加公交查询+驾车路线查询+步行路线查询按钮及触发点击事件
25.路线查询结果的正确显示以及开发发布移动APP
26.把开发好的项目发布成移动APP

 

7项超值权益,保障学习质量」

  • 大咖讲解

技术专家系统讲解传授编程思路与实战。

  • 答疑服务

专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。

  • 课程资料+课件

超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)

  • 常用开发实战

企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。

  • 大牛技术大会视频

2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。

  • APP+PC随时随地学习

满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。

 

「什么样的技术人适合学习?」

  • 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
  • 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
  • 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。

 

「悉心打造精品好课,11天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进,帮助用户轻松掌握

掌握JavaScript知识,扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。

 

「你可以收获什么?」

学习如何开发移动APP

与高德地图的常见接口进行对接

通过js开发完整的项目的流程

开发综合案例积累项目经验

 


http://chatgpt.dhexx.cn/article/NmVJm2KM.shtml

相关文章

大数据之数据清洗之爬取数据后如何根据地名或者公司名获取经纬度信息-地址逆解析经纬度

关于本文章说明: 本文章的想法来源于:爬了大量的数据后,想利用GIS技术把数据展示在地图上。但是爬的数据又没有经纬度坐标,就无法在地图上进行展示了,所以用了百度地图的正/逆地理编码。计算机行业招聘智能分析平台效果

微信小程序地图获取地点信息(打卡签到功能为例)-2020-7-26

目录 微信小程序地图获取地点信息(打卡签到功能为例) 效果图前提步骤 首先需要了解的代码部分 配置性代码功能性代码demo 下载 微信小程序地图获取地点信息(打卡签到功能为例) 解决方案:利用微信小程序的地图组件获取到用户的地理位置信息(经纬度),再通过…

IOS高德地图逆地理编码定位+网络判断

先说下这功能的流程, 流程:判断用户是否联网--->获取用户地理位置经纬度--->通过经纬度去查询地理位置名称 //高德地图 property (nonatomic, strong) MAMapView *mapView;//高德地图 property (nonatomic, strong) AMapSearchAPI *search; property(nonatom…

如何制作专业的手绘地图(电子地图、智慧导览系统)

一、智慧导览系统介绍 手绘电子地图,就是把手绘地图覆盖到地图上,游客或者普通用户,可以在手机上通过地图的链接(或者现在流行的小程序)打开使用。是一种使用非常方便,集**“视、听、路径规划、实时导航”*…

js技术调用高德api实现精准定位

我先说下写这个程序的起因,昨天晚上我的一个朋友在淘宝上卖它玩了两年的光遇号。 号给淘宝商家了就不理人也不给钱了,因为没有订单记录淘宝官方不管。这种回收游戏账号的微信账号的十有九骗。在黑猫上就能查到各种回收账号的诈骗案件。 于是我给我朋友写…

vue + 高德精准定位(示例)

鱼弦:CSDN内容合伙人、CSDN新星导师、51CTO(Top红人+专家博主) 、github开源爱好者(go-zero源码二次开发、游戏后端架构 https://github.com/Peakchen) 使用Vue和高德精准定位可以实现基于Vue框架的精准定位功能。下面是对该方法的原理、使用场景、文献材料链接以及当前使…

CocosCreator系列——接入高德地图sdk获取经纬度信息图文详解

CocosCreator接入高德地图sdk获取经纬度信息图文详解 先看效果 1.首先去 高德开放平台.申请key 接下来该获取发布版和调试版的SHA1了,首先打开cmd命令窗口 输入命令:cd .android(首先进入用户系统的安卓文件夹) 然后输入命令:keytool -li…

反应式编程框架设计:如何使得程序调用不阻塞等待

前言: 程序在高并发的情况下,程序容易崩溃。主要的原因是:在高并发的情况下,有大量用户请求需要程序计算处理,而目前的处理方式是,为每个用户请求分配一个线程,当程序内部因为访问数据库等原因…

TensorFlow编程框架基础

一、为什么要使用编程框架 深度学习的算法具有多层结构,每层的运算由一些基本操作构成,这些基本操作中存在大量共性运算,如卷积、池化、激活等。 将这些共性运算操作封装起来,可以提高编程实现效率。 面向这些封装起来的操作&am…

c语言编程框架_编程语言和框架的状态

c语言编程框架 作为专业的软件交付人员,我喜欢掌握技术趋势和“市场可能走向何方”。 在过去的十五年中,已经出现了许多语言和框架,并且几乎没有任何真正的持久力。 为了在“人们想知道的事情”上适销对路,使我知识广博&#xff0…

MFC编程框架总结

简介 MFC是一种C类库,利用面向对象的方法封装了Windows API,为Windows应用程序的开发带来了极大便利。本文总结了使用MFC进行编程的基本方法,编程环境为VS2008 SP1。 搭建MFC开发环境 由于使用MFC应用程序向导后VS会自动生成应用程序框架&am…

并发编程框架----disruptor框架(一)

背景 Disruptor是英国外汇交易公司LMAX开发的一个高性能队列,研发的初衷是解决内存队列的延迟问题(在性能测试中发现竟然与I/O操作处于同样的数量级)。基于Disruptor开发的系统单线程能支撑每秒600万订单,2010年在QCon演讲后&…

网络编程框架

网络编程 Socket网络通信编程 Socket主要解决一个网间进程通信(不同主机进程间的相互通信问题)。 提供进程通信的端点,一个程序将一段信息写入Socket中,该Socket将这段信息发送给另外一个Socket中,使这段信息能传送到…

您所应了解的Python四大主流网络编程框架

**本文内容摘录自《Python高效开发实战——Django、Tornado、Flask、Twisted》一书。**该书分为三部分:第1部分是基础篇,带领初学者实践Python开发环境和掌握基本语法,同时对网络协议、Web客户端技术、数据库建模编程等网络编程基础深入浅出地…

常见编程/框架介绍

文章大纲 一、C/C二、C#三、cocos2d-x四、go语言五、Hadoop六、HBase七、PHP八、python九、Spark十、Storm十一、Unity3D十二、Java十三、Android十四、Object-C与swift十五、.NET十六、R语言 一、C/C 1. 简介 C语言是目前世界上流行、使用最广泛的高级程序设计语言。C语言对操…

Linux 应用编程框架

粗略的复习下linux应用编程的一些知识,画个导图记录总结下:

Python 四大主流 Web 编程框架

目前Python的网络编程框架已经多达几十个,逐个学习它们显然不现实。但这些框架在系统架构和运行环境中有很多共通之处,本文带领读者学习基于Python网络框架开发的常用知识,及目前的4种主流Python网络框架:Django、Tornado、Flask、Twisted。 …

【常见编程/框架介绍】

目录 一、C/C 1. 简介 2. 特点 3. 优点 4. 缺点 5. 常见使用场景 二、C# 三、cocos2d-x 四、go语言 1. 简介 2. 优点 3. 缺点 4. 就业方向 五、Hadoop 1. 简介 2. 优势 3. 应用场景 六、HBase 七、PHP 1. 简介 2. 优点 3. 缺点 4. 就业方向 八、python …

mac命令行查看dSYM文件的UUID

通过命令行查看 *.dSYM 文件的UUID值,标准范式: xcrun dwarfdump --uuid dSYM文件 实例演示: 想查看 Electron Framework.dSYM 的UUID值: 结果:5BE9E0C9-3946-3E4D-B12A-595EDA5170AF