小程序map组件的使用
做项目的过程中需要根据某一个坐标获取这个坐标附近的门店,使用到了map组件:
首先在选择门店的时候:
点击请选择安装门店,进入address.wxml文件中:
address.js文件这样写:
首先在onReady(){}里面获取map上下文
然后在onload里面使用wx.getLocation()获取当时的经纬度,然后调取后台接口获得当时所在地的经纬度附近的门店列表,将获取的列表传入map的markers中作为标记点:
上面的内容就是循环得到的门店列表,在地图上打点;
地图部分就是map组件的内容,下面的门店地址列表是自己写出来,以便选择门店,
选择门店列表时,是根据列表的index来选择的:
同样的点击地图的标记点,也要在列表中双向绑定,这个方法中,是根据map列表的id来选择的:
其中bindmarkertap参数返回的是点击markers的id,所以可以根据返回的id是否等于当时所点击的id来判断。
选择地图和列表解决完之后,就将选中的地址信息返回到上一页:
完。