vue高德地图之玩转周边

前言：在之前的博客中，有成功引入高德地图，这是以前的地址 。

因为一些需求，需要使用到地图的周边功能。

完整的项目代码请查看

一 、先看要实现的结果，参考了链家的周边，如图所示。

二 、原理分析

1、引入高德api，这个在之前的博客提到过，。

2、使用地图的周边插件，这是 。

在插件中的各种方法中选取了searchNearBy的方法。

3、构建查询方法

在这个方法中，将所有的maker都查找出来，为了能够让后续不重新加载地图和插件，如有更好的方法 ，欢迎指出。

4、将maker的切换事件绑定在footer下的各个选项中。

三、结果展示

注意：为方便演示效果，此项目中使用了个人开发者的高德秘钥，请自行去替换成自己的。

完整的项目代码请查看

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!