利用高德API实现在小程序的位置搜索及定位
in 微信小程序 with 0 comment

利用高德API实现在小程序的位置搜索及定位

in 微信小程序 with 0 comment

前文:这段时间= =真的忙,先是工作真真真繁琐,回收报废,真的闹心~~~;新居家具购买虽然也耗了很多时间,但买的还是很好看的(喜欢);还有就是,就是2019年1月28号终于领证了!!!幸福的责任感 。
自己的博客还是定个目标吧,每周更新一篇,让自己每周都学到知识,无论多少~ 加油!!!

本文主要记录利用高德API实现在小程序的位置搜索及定位的实现,过程主要分为三部:1.前期准备工作;2.实现主要目标-搜索及定位。

前期准备工作

1> 微信公众号平台:https://mp.weixin.qq.com/,这个地址是小程序和公众号共用的,主要看登陆的是什么账号自动就会切换到对应的管理后台。这里有个技巧,就是可以利用QQ邮箱的同个邮箱两个名称的特点,实现一个邮箱(两个邮箱名)管理两种类型的后台。
2> 微信小程序开发工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,下载安装成功后,选择“小程序项目”,选择进入的项目,里面有很多功能,有机会可以了解熟悉一下(有个缺点是不能直接推送到github~逃)。
3> 高德小程序API:https://lbs.amap.com/api/wx/summary,里面有对小程序的实现wiki。
4> 高德地图管理后台:https://lbs.amap.com/dev/key/app,里面需要新增一个针对小程序的高德应用(申请获取到key,从而才能调用高德地图的功能)。
5> 高德地图管理后台:https://lbs.amap.com/dev/key/app,里面需要新增一个针对小程序的高德应用(申请获取到key,从而才能调用高德地图的功能)。
小程序的建立还是比较简单的,主要就是需要记住AppID,以及为了保证高德小程序 SDK 中提供的功能的正常使用,需要设置安全域名。
登录微信公众平台,在 "设置"->"开发设置" 中设置 request 合法域名,将 https://restapi.amap.com 中添加进去。如图片所示微信小程序.png
到这里前期的准备工作基本完成了,根据以上地址基本能够完成小程序的位置搜索及定位的前期准备工作。

实现主要目标-搜索及定位

  1. 程序结构目录
    新建静态目录img和存放SDK的lib目录

微信小程序开发工具静态目录.png
逻辑目录
微信小程序实现目录.png

  1. 逻辑实现,待写。
  2. 项目github:https://github.com/luozhengszj/PowerCut
Responses