8 Star 43 Fork 10

盛政/lesson-wechat

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

lesson-03 | 小程序地图导航

知识点

  1. 地图组件
  2. 地图定位
  3. GeoJSON
  4. 扩展组件
  5. wx:if
  6. 腾讯位置服务
  7. 导航插件

示例步骤

  1. 新建map文件夹,并在该文件夹下新建map页面,配置tabbar
  2. 添加map组件,以及map的配置绑定,熟悉map配置
  3. 开启定位,修改app.json,onReady添加初始定位逻辑
  4. 准备GeoJSON数据(geojson.io)
  5. 读取GeoJSON数据,并构建markers,绑定后地图显示
  6. 学习使用扩展ui组件,添加mp-halfScreenDialog组件,注意页面json配置
  7. 添加marker点击事件,注意学习wx:if绑定
  8. 调出外部导航,需真机调试下,尝试调出百度、高德进行导航
  9. 调用导航插件进行导航,app.json下配置插件,注意腾讯位置服务申请key
  10. 通过真机调试,微信扫码打开小程序

空文件

简介

微信小程序开发教程 (准备课程4节,主课程10节,课外4节) 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/greengis/lesson-wechat.git
git@gitee.com:greengis/lesson-wechat.git
greengis
lesson-wechat
lesson-wechat
lesson-03

搜索帮助