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

作者:vkvi 来源:千一网络(原创) 日期:2017-7-21

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

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

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

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

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

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

几点重要说明

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

你前面那位网友看了:overflow 和 zoom 一起解决 height、background、float、margin-top 等问题

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他