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

Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例
共61节 759人在学 课程详情
  • 到高德地图开发者平台注册账号以及申请权限以及在项目中完成定位

    • 到高德地图开发者平台注册账号以及了解所提供给程序员的参考教程
    • 熟悉高德地图开发者平台提供的开发文档使用教程以及实例
    • 讲解高德地图所提供的可以实现各种功能的API方法
    • 创建项目并且引用高德地图提供的js文件以及创建地图对象和显示
    • 创建地图对象了解map类的使用
    • 学习AMap.map类的构造函数中的各个参数
    • 指定要创建地图的中心点的经纬度的两种方式
    • 学习LngLat类的使用以及加载定位的插件
    • 讲解高德地图中两种加载插件的方法
    • 继续讲解同步加载和异步加载插件的方法
    • 通过异步的方式加载定位的插件以及调用定位的方法
    • 讲解定位成功之后返回的参数:status和result
    • 对定位成功之后返回的结果中的数据进行学习
  • 获取用户的定位信息以及添加点标记和信息窗体

    • 对前面已经讲过的知识点进行复习
    • 继续复习前面讲过的知识点
    • 详细的讲解定位成功获取省市区等信息的过程
    • 获取定位成功之后用户的经纬度以及格式化的地址信息及分别省市区
    • 得到用户的经纬度之后把地图的中心点定位到当前这个位置
    • 创建一个demo来实现在地图中添加点标记的过程
    • 讲解AMap.Maker点标记类的属性和方法
    • 封装一个添加点标记的方法得到经纬度之后通过点标记在地图中标注
    • 封装一个实现添加信息窗体的方法把用户地址信息显示在窗体中
    • 给点标记添加点击事件显示信息窗体
  • 实现商家周边搜索以及路线的查询

    • 加载周边搜索的插件AMap.PlaceSearch
    • 讲解AMap.PlaceSearch插件的属性和方法的使用
    • 指定搜索商家的类型,页码,单页数量,经纬度以及搜索半径
    • 讲解搜索结束之后返回的结果数据
    • 讲解获取到搜索结果之后获取商家的信息列表:名称地址电话经纬度
    • 讲解获取搜索结果之后商品的信息列表:名称地址电话经纬度等信息
    • 封装一个实现周边搜索的方法
    • 继续封装实现商家周边搜索的方法
    • 以同步的方式加载路线查询的插件
    • 实现公交路线,驾车路线,骑行路线,步行路线
    • 实现公交路线的查询驾车路线的查询步行路线的查询
    • 梳理要开发的综合案例的开发流程
  • 综合开发仿美团/饿了吗案例中高德地图接口对接的功能

    • 开始创建项目以及开发项目的注意事项
    • 创建项目的大体框架:视图层和业务层
    • 继续开发项目把项目的大体框架搭建好
    • 实现用户的定位得到经纬度和城市名
    • 把得到的用户的城市名显示到界面的指定标签中
    • 把得到的用户的城市名显示到界面的指定标签中
    • 给所有的兴趣点按钮添加点击事件以及切换样式(二)
    • 给所有的兴趣点按钮添加点击事件以及切换样式(三)
    • 点击不同的兴趣点调用获取周边商家信息的函数
    • 点击兴趣点调用获取周边商家信息的函数(二)指定兴趣点和页码
    • 把得到的商家信息渲染到界面中
    • 把得到的商家信息渲染到界面中(二)
    • 通过三元运算来实现不同商家不同属性的显示
    • 通过三元运算来实现不同商家不同属性的显示(二)
    • 通过三元运算来实现不同商家不同属性的显示(二)
    • 完成商家信息列表的按需加载功能(二)
    • 完成商家信息列表的按需加载功能(三)侦听滚动条滚动的事件
    • 商家信息列表的按需加载功能(四)侦听滚动条滚动是否到达底部
    • 商家信息列表的按需加载功能(五)到达底部继续获取商家列表
    • 商家信息列表的按需加载功能(六)页码的增加
    • 商家信息列表的按需加载功能(七)正确渲染数据到视图层
    • 传递用户经纬度和商家经纬度到路线查询界面
    • 在路线查询界面中解析出数据并且开始创建地图对象加载路线插件
    • 添加公交查询+驾车路线查询+步行路线查询按钮及触发点击事件
    • 路线查询结果的正确显示以及开发发布移动APP
    • 把开发好的项目发布成移动APP

    订阅失败

    Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例
    Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    商家信息列表的按需加载功能(四)侦听滚动条滚动是否到达底部

    课程介绍

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

    主要内容如下:

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

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

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

    4. 得到详细地址信息

    5. 在地图上添加点标记

    6. 添加信息窗体

    7. 路线的查询接口

    8. 周边搜索接口

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



    推荐课程

    信息系统项目管理师自考笔记

    李明 · 857人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22576人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4276人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 822人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 883人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5193人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1522人在学

    Python Django 深度学习 小程序

    钟翔 · 2384人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 659人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4059人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~