Vue:百度地图API 定位 地点检索

一个全栈向前端的退化过程。  (咳~抱怨一句)

 

高德--API清晰,就是定位可能差了那么点!

百度--国内较好支持国外定位 搜索的平台。(不过需要申请配额)

google -- 需要,没花钱配额之前给你一次调用机会,

进入webpack.base.conf.js文件:在entry{}下添加

externals: {
    'BMap': 'BMap',
    'BMap_Symbol_SHAPE_POINT': 'BMap_Symbol_SHAPE_POINT'
  },

index.html页添加:

使用需求因个人而异,目前我需要拿到我当前定位的位置半径2000米的地址检索信息。

因为没有做路线规划,所以我需要拿到我检索的地址经纬度请求后台,用mongoDB 2D索引计算他们之间的距离。

注意:

1.检索出来的results里的地址信息是按照搜索条件分组的,如:一个检索条件,results中的长度才为1,2个条件长度为2,以此内推,(当初没注意细节,直取数据也报错,循环也报错)

2.下面有一个去重函数,解释一下,因为是按照条件搜索,有时候不可避免两个条件或多个条件搜索出来的数据有重复,所以去重。

loding加载组件:





效果图:

Vue:百度地图API 定位 地点检索_第1张图片

你可能感兴趣的:(Vue)