小程序地图自定义地点搜索
在项目里遇到了需要在地图的地点搜索页面添加一些自己的需求,但是小程序官方api接口是直接跳过去的,无法控制页面添加自定义需求。于是就自己想办法写了一个自定义地点搜索界面。(菜鸡一枚,大佬请指点)
效果如下:(比起官方的,就多了个左上角,地区切换。。。没办法,非要这个功能)
先说一下思路吧
1,地图显示用的就是map组件 ,中间定位图标是是一个图片定位写死。下方地点列表是自定义盒子。样式自己调整。
2,拖动地图时,调用官方api,地图实例的MapContext.getCenterLocation获取中心点。
3,获取附近各种poi时,遇到一个问题,如果是调用小程序sdk下的地点搜索,则必须传入poi关键字,就有了局限性,比如酒店,这样获取的地点大都只是和酒店相关的。然后后端发现服务端的poi搜索,可以不传入关键字,只传入坐标即可,所以就用了这种方法。(获取到地图中心点坐标后,发给后端,她来搜索周边poi,然后再返回给你。。。。。)
4,搜索功能可以直接调用小程序sdk,搜索地点api即可。
代码就不写了,,,自己注释有点多。。有点乱