地图选址组件比拼-高德地图

作者:vkvi 来源:ITPOW(原创) 日期:2017-7-21

在手机应用或手机网页开发中,有时候会要求用户输入地址,而用户手工输入比较麻烦,我们常常借助地图的接口或组件来实现地址选择。

要实现这个可以通过接口,但是接口比较麻烦,而且有调用限制,比如高德的如果是普通开发者一天只能调用 1000 次。

本文要说的是利用其组件来实现,这些组件就是地图提供者事先写好了绝大多数代码,封装在网页中,我们调用这个网页就行了。

本文说的是高德,地址是:http://lbs.amap.com/api/lightmap/guide/picker

高德说调用方式有两种,如果要获取用户选择的地址,就只能用第一种,而第二种……就是个演示罢了,这有屁用啊。

上面的代码中,就是缺少个 key,换成你的 key 即可运行。没 key 要看示例也没关系,上面的网址中有演示。

几点重要说明

  • 地图的缩放并不影响搜索范围,搜索范围是由参数指定的。
  • 拖动地图,中心点变化,就会引起搜索结果的变化。
  • 顶部搜索框是最大败笔,直接导致这个组件被人笑话,也是我不推荐高德这个组件的原因:
    • 因为它的搜索结果并不听搜索范围的,也就是说即使当前定位是重庆,它也会搜索北京的结果。虽然有时候我们要跨范围搜索,但是这个范围也跨得太远了吧。
    • 还有它的排序并不是由近到远,也不是将关联度最高的排的前面,它是瞎排的。

相关文章