选址组件上线

laughing0707

选址组件
选址组件

选址组件是可以让用户快速、准确地选择并确认自己的当前位置，并将相关位置信息回传给开发者。
使用场景：出行类APP中起始点位置的选择以及O2O类应用中收货地址的选择。

调用示例

   

使用方法

http://m.amap.com/picker/?keywords=酒店,超市,医院&key=您申请的key值

调用方式一

通过iframe内嵌调用，地图选点组件的页面会根据开发者设置的iframe宽高自适应。 注：开发者可以在自己的页面里通过iframe内嵌的方式调用该组件的时候，由于存在跨域的问题，需要通过html5 postMessage的方式回传用户选择的位置信息，开发者需要在自己的页面中实现一个监听函数，例如：

[size=1em]

[size=1em]1 [size=1em]2 [size=1em]3 [size=1em]4 [size=1em]5 [size=1em]6 [size=1em]7 [size=1em]8 [size=1em]9 [size=1em]10 [size=1em]11

[size=1em][size=1em](function(){ [size=1em]            var iframe = document.getElementById('test').contentWindow; [size=1em]            setTimeout(function(){ [size=1em]                iframe.postMessage('hello','[size=1em]http://m.amap.com/picker/'); [size=1em]            },500) [size=1em]            window.addEventListener("message", function(e){ [size=1em]                console.log(e.data) [size=1em]            }, false); [size=1em]        }()) [size=1em]

返回结果

[size=1em]

[size=1em]1 [size=1em]2 [size=1em]3 [size=1em]4 [size=1em]5 [size=1em]6

[size=1em][size=1em]{ [size=1em]    location:"116.273938,39.998766", [size=1em]    address: "北京市海淀区新建宫门路19号", [size=1em]    name: "颐和园", [size=1em]} [size=1em]

调用参数

参数名	是否必填	参数说明
keywords	选填	表示搜索的关键词，支持3个关键词，用英文逗号分隔;（超过3个时取前三个值） 缺省时，默认值：写字楼，小区，学校
zoom	选填	地图区域的缩放级别，取值范围是3-18，默认值是15
center	选填	用于表示待标注点的坐标。格式为（经纬，纬度），小数点后不超过6位。可通过高德坐标拾取工具获得某点的精确经纬度。locations表示用户当前位置：1）根据SDK获取的定位结果传递；2）参数复制为空，默认调用HTML5定位结果，部分手机可能存在定位失败；locations指代某特定的位置点经纬度，如某小区经纬度、某酒店经纬度。
radius	选填	表示搜索的范围半径，单位为：米。取值范围（1,50000），为空则默认为1000。
total	选填	检索结果条数，默认为20，取值范围1-50。
key	必填	(必填)用户通过开发者控制台获取的密钥

• 返回结果参数说明
  

名称	类型	说明
location	LngLat	返回的位置点坐标信息
address	String	返回的POI点地址，通过手动定位获取时该项缺失
name	String	POI名称

• 效果预览
  

Demo1:单独体验Demo2:iframe调用

     

amap_tel_55ffaaf735cfa91945

请问具体如何使用呢

遗忘痛彻心扉

scott_erss

这里有个很大的BUG，
如果用iphone5手机的微信扫一扫 Demo2:iframe调用 的二维码，选择一个地址应该会有弹窗（pc或android有弹窗），但实际却没有，这导致我们在做微信公众号开发中使用这个选址组件遇到困难

amap_13255ApxvH8

请问楼主是高德开发人员吗？想问在开发中使用选址组件想再添加覆盖物，有没有暴露出地图实例 对象可以加的呢