文件名称:使用高德地图微信小程序SDK开发案例-输入提示(附源码)
文件大小:173KB
文件格式:PDF
更新时间:2024-04-18 10:49:43
使用,高德,地图,微信,小,程序,SDK,开发,案例,-,
闲来无事写一篇使用高德地图的微信小程序SDK开发应用的实例。 接下来先看需求: 我们要做的是,根据用户输入的关键词,给出相应的提示信息,列表中显示地方的名称,地方的详细地址以及对应的经纬度坐标。 当然在UI上我们尽量做到理想的视觉与较好的用户体验。 最终的效果我们希望是像这样的,如下图: (此图片来源于网络,如有侵权,请联系删除! ) 有了目标,我们直接代码撸起来~ 我们先从高德开放平台获取微信小程序SDK以及开发需要的key。 完成一些基础工作后我们先规划下页面布局。 我们需要一个输入框可以让用户输入,和一个存放列表的容器来显示提示信息。 <input type="text" value='